Quelle est la différence entre le succès et la méthode .done() de $.ajax ?

Question

Quelqu'un peut-il m'aider ?
Je ne suis pas capable de comprendre la différence entre success y .done() de $.ajax .

Si possible, veuillez donner des exemples.

Answer 1

success ne se déclenche que si l'appel AJAX est réussi, c'est-à-dire s'il renvoie finalement un statut HTTP 200. error se déclenche s'il échoue et complete lorsque la demande est terminée, quel que soit le succès.

Dans la version 1.8 de jQuery, sur la page jqXHR (retourné par $.ajax ) success a été remplacé par done , error con fail y complete con always .

Cependant, vous devriez toujours être en mesure d'initialiser la requête AJAX avec l'ancienne syntaxe. Elles font donc des choses similaires :

// set success action before making the request
$.ajax({
  url: '...',
  success: function(){
    alert('AJAX successful');
  }
});

// set success action just after starting the request
var jqxhr = $.ajax( "..." )
  .done(function() { alert("success"); });

Cette modification a pour but d'assurer la compatibilité avec la version 1.5 de jQuery. objet différé . Reporté (et maintenant Promise (qui bénéficie d'une prise en charge native complète dans les navigateurs Chrome et FX) vous permettent d'enchaîner des actions asynchrones :

$.ajax("parent").
    done(function(p) { return $.ajax("child/" + p.id); }).
    done(someOtherDeferredFunction).
    done(function(c) { alert("success: " + c.name); });

Cette chaîne de fonctions est plus facile à maintenir qu'une pyramide imbriquée de callbacks que l'on obtient avec la fonction success .

Toutefois, veuillez noter que done est désormais déprécié au profit de l'option Promise qui utilise la syntaxe then à la place :

$.ajax("parent").
    then(function(p) { return $.ajax("child/" + p.id); }).
    then(someOtherDeferredFunction).
    then(function(c) { alert("success: " + c.name); }).
    catch(function(err) { alert("error: " + err.message); });

Cela vaut la peine d'être adopté car async y await extend promet une syntaxe (et une gestion des erreurs) améliorée :

try {
    var p = await $.ajax("parent");
    var x = await $.ajax("child/" + p.id);
    var c = await someOtherDeferredFunction(x);
    alert("success: " + c.name);
}
catch(err) { 
    alert("error: " + err.message); 
}

Answer 2

En bref, découpler la fonction de rappel du succès de la fonction ajax afin de pouvoir ajouter ultérieurement vos propres gestionnaires sans modifier le code original (modèle d'observateur).

Veuillez trouver des informations plus détaillées ici : https://stackoverflow.com/a/14754681/1049184

Answer 3

.success() n'est appelé que si votre serveur Web répond avec un en-tête HTTP 200 OK - en fait, lorsque tout va bien.

Les callbacks attachés à done() seront déclenchés lorsque le différé sera résolu. Les callbacks attachés à fail() seront déclenchés lorsque le différé est rejeté.

promise.done(doneCallback).fail(failCallback)

.done() has only one callback and it is the success callback

Answer 4

success est la fonction de rappel qui est invoquée lorsque la demande est réussie et fait partie de l'environnement de l'utilisateur. $.ajax appeler. done fait en fait partie de la jqXHR retourné par $.ajax() et remplace success dans jQuery 1.8.