[자 바스 크 립 트 기초]학습 ④ ⑥--AJAX

http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143450046645491e306a4f74746daaef4d172f66335b5000
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   
});

좋은 웹페이지 즐겨찾기