[자 바스 크 립 트 기초]학습 ④ ⑥--AJAX
async:AJAX 요청 을 비동기 로 실행 할 지 여부 입 니 다.기본 값 은 true 입 니 다.false 로 지정 하지 마 십시오.
method:보 낸 Method 는'GET'가 부족 하고'POST','PUT'등 으로 지정 할 수 있 습 니 다.
contentType:POST 요청 형식 을 보 냅 니 다.기본 값 은'application/x-www-form-urlencoded'입 니 다.charset=UTF-8'은 text/plain,application/json 으로 지정 할 수 있 습 니 다.
data:보 낸 데 이 터 는 문자열,배열 또는 object 일 수 있 습 니 다.GET 요청 이 라면 data 는 query 로 변환 되 어 URL 에 추 가 됩 니 다.POST 요청 이 라면 contentType 에 따라 data 를 적절 한 형식 으로 정렬 합 니 다.
headers:보 낸 추가 HTTP 헤드 는 object 여야 합 니 다.
dataType:수 신 된 데이터 형식 은'html','xml','json','text'등 으로 지정 할 수 있 으 며,결 성 된 경우 응답 하 는 Content-type 에 따라 추측 할 수 있 습 니 다.
var jqxhr = $.ajax('/api/categories', {
dataType: 'json'
});
//
'use strict';
function ajaxLog(s) {
var txt = $('#test-response-text');
txt.val(txt.val() + '
' + s);
}
$('#test-response-text').val('');
var jqxhr = $.ajax('/api/categories', {
dataType: 'json'
}).done(function (data) {
ajaxLog(' , : ' + JSON.stringify(data));
}).fail(function (xhr, status) {
ajaxLog(' : ' + xhr.status + ', : ' + status);
}).always(function () {
ajaxLog(' : ');
});
get
var jqxhr = $.get('/path/to/resource', {
name: 'Bob Lee',
check: 1
});
두 번 째 인자 가 object 라면 jQuery 는 자동 으로 query string 으로 바 꾸 어 URL 뒤에 추가 합 니 다.실제 URL 은:
/path/to/resource?name=Bob%20Lee&check=1
post
두 번 째 매개 변 수 는 기본적으로 application/x-ww-form-urlencoded 로 정렬 되 었 습 니 다.
var jqxhr = $.post('/path/to/resource', {
name: 'Bob Lee',
check: 1
});
name=Bob%20Lee&check=1 POST 의 body 로 발송 됨
getJSON
var jqxhr = $.getJSON('/path/to/resource', {
name: 'Bob Lee',
check: 1
}).done(function (data) {
// data JSON
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.