성공 및 오류 대신 새 jQuery AJAX 코드에 .done () 및 .fail ()을 사용해야합니까

나는 다음과 같이 코딩했다 :

$.ajax({ cache: false,
    url: "/Admin/Contents/GetData",
    data: { accountID: AccountID },
    success: function (data) {
        $('#CityID').html(data);
    },
    error: function (ajaxContext) {
        alert(ajaxContext.responseText)
    }
});

그러나 마지막에 jQuery .ajax()문서 를 볼 때 아래와 같이 코딩해야한다고 제안하거나 적어도 a .done()및 a 추가를 제안 합니다 .fail().

var request = $.ajax({ cache: false,
    url: "/Admin/Contents/GetData",
    data: { accountID: AccountID }
});

request.done(function (data) {
    xxx;
});
request.fail(function (jqXHR, textStatus) {
    xxx;
});

최신 정보

이 코드를 작성하면 동일하거나 3으로 나누면 어떤 이점이 있습니까?

$.ajax({ cache: false,
    url: "/Admin/Contents/GetData",
    data: { accountID: AccountID }
}).done(function (data) {
    xxx;
}).fail(function (jqXHR, textStatus) {
    xxx;
});

사용 user2246674에서 언급 한 바와 같이 success하고error ajax 함수의 as 매개 변수를 사용하는 것이 유효합니다.

선행 답변과 일치하도록 문서를 읽으십시오.

지원 중단 공지 :

jqXHR.success (), jqXHR.error () 및 jqXHR.complete () 콜백은 jQuery 1.8에서 더 이상 사용되지 않습니다. 최종 제거를 위해 코드를 준비하려면 jqXHR.done (), jqXHR.fail () 및 jqXHR.always ()를 대신 사용하십시오.

당신은 콜백 조작 기능을 사용하는 경우, 사용 (메소드 체인 예를 들어 사용) .done(), .fail()그리고 .always()대신 success(), error()하고 complete().

@Michael Laffargue의 게시물에 무언가를 추가하고 싶습니다.

jqXHR.done() 가 더 빠르다!

jqXHR.success()콜백에 약간의 로딩 시간이 있으며 때로는 스크립트를 과도하게 사용합니다. 나는 전에 어려운 길을 찾았습니다.

최신 정보:

사용 jqXHR.done(), jqXHR.fail()그리고 jqXHR.always()당신은 더 나은 아약스 요청을 조작 할 수 있습니다. 일반적으로 일부 변수 또는 객체에서 ajax를 정의하고 코드의 어느 부분에서나 해당 변수 또는 객체를 사용하여 데이터를 더 빠르게 얻을 수 있습니다. 좋은 예 :

/* Initialize some your AJAX function */
function call_ajax(attr){
    var settings=$.extend({
        call            : 'users',
        option          : 'list'
    }, attr );

    return $.ajax({
        type: "POST",
        url: "//exapmple.com//ajax.php",
        data: settings,
        cache : false
    });
}

/* .... Somewhere in your code ..... */

call_ajax({
    /* ... */
    id : 10,
    option : 'edit_user'
    change : {
          name : 'John Doe'
    }
    /* ... */
}).done(function(data){

    /* DO SOMETHING AWESOME */

});

간단한 말로

$.ajax("info.txt").done(function(data) {
  alert(data);
}).fail(function(data){
  alert("Try again champ!");
});

그것이 info.text를 얻는다면, 그것은 당신이 추가하는 어떤 기능이나 경고하거나 서버에서 info.text를 검색 할 수없는 방법이라면 경고 또는 오류 기능을합니다.

기존의 기존 응용 프로그램에서 JQuery를 1.x에서 2x 또는 3.x로 마이그레이션하려는 경우 JQuery 업그레이드가 더 이상 사용되지 않으므로 성공 대신 .done, .fail을 사용합니다. 오류가 발생합니다. 예를 들어 서버 웹 메소드를 호출하면 서버는 promise 객체를 호출 메소드 (Ajax 메소드)에 반환 하고이 promise 객체에는 .done, .fail..etc 메소드가 포함되므로 성공 및 실패 응답에 대해서도 동일합니다. 아래는 예입니다 (GET과 같은 요청 유형에 대해 생성 할 수있는 POST 요청과 동일합니다).

 $.ajax({
            type: "POST",
            url: url,
            data: '{"name" :"sheo"}',
            contentType: "application/json; charset=utf-8",
            async: false,
            cache: false
            }).done(function (Response) {
                  //do something when get response            })
           .fail(function (Response) {
                    //do something when any error occurs.
                });