Sollte ich .done () und .fail () für neuen jQuery AJAX-Code anstelle von Erfolg und Fehler verwenden?

Ich habe so codiert:

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

Aber wenn ich mir die jQuery- .ajax()Dokumentation am Ende ansehe, scheint es nahezulegen, dass ich wie folgt codieren sollte, oder zumindest schlägt es vor, a .done()und a hinzuzufügen .fail():

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

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

Aktualisieren

Wenn ich so codiere, ist es dasselbe oder hat es einen Vorteil, es in drei Teile zu teilen?

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

Wie von user2246674 angegeben, ist die Verwendung von successund errorals Parameter der Ajax-Funktion gültig.

Lesen Sie das Dokument, um mit der vorherigen Antwort übereinzustimmen:

Verfallserklärung :

Die Rückrufe jqXHR.success (), jqXHR.error () und jqXHR.complete () sind in jQuery 1.8 veraltet. Verwenden Sie stattdessen jqXHR.done (), jqXHR.fail () und jqXHR.always (), um Ihren Code für das eventuelle Entfernen vorzubereiten.

Wenn Sie die Rückruf-Manipulationsfunktion (Verwendung von Methode Verkettungs zum Beispiel) verwenden, verwenden .done(), .fail()und .always()statt success(), error()und complete().

Ich möchte etwas zu @Michael Laffargues Beitrag hinzufügen:

jqXHR.done() ist schneller!

jqXHR.success()haben einige Ladezeit im Rückruf und können manchmal Skript übertreiben. Ich finde das schon mal schwer.

AKTUALISIEREN:

Verwenden Sie jqXHR.done(), jqXHR.fail()und jqXHR.always()Sie können besser mit Ajax-Anfrage bearbeiten. Im Allgemeinen können Sie Ajax in einer Variablen oder einem Objekt definieren und diese Variable oder dieses Objekt in einem beliebigen Teil Ihres Codes verwenden, um Daten schneller abzurufen. Gutes Beispiel:

/* 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 */

});

In einfachen Worten

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

Wenn es den info.text erhält, wird es alarmieren und welche Funktion Sie auch immer hinzufügen oder wenn es nicht möglich ist, info.text vom Server abzurufen, dann alarmiert oder fehlerhaft.

Wenn wir JQuery in unserer alten vorhandenen Anwendung von 1.x auf 2x oder 3.x migrieren, verwenden wir .done, .fail anstelle von success, error, da die JQuery-Up-Abstufung für diese Methoden veraltet sein wird Wenn wir beispielsweise Server-Webmethoden aufrufen, gibt der Server Versprechen-Objekte an die aufrufenden Methoden (Ajax-Methoden) zurück, und diese Versprechen-Objekte enthalten die Methoden .done, .fail..etc. Unten ist das Beispiel (es ist für POST-Anfragen genauso, wie wir es für einen Anfrage-Typ wie GET konstruieren können ...)

 $.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.
                });