Recherche…


Introduction

Les promesses de jQuery sont un moyen astucieux de chaîner des opérations asynchrones dans un bloc de construction. Cela remplace la nidification à l'ancienne des rappels, qui ne sont pas facilement réorganisés.

Création de promesse de base

Voici un exemple très simple d'une fonction qui " promet de procéder quand un temps donné s'écoule". Il le fait en créant un nouvel objet Deferred , qui est résolu plus tard et renvoyant la promesse du différé:

function waitPromise(milliseconds){

   // Create a new Deferred object using the jQuery static method
   var def = $.Deferred();

   // Do some asynchronous work - in this case a simple timer 
   setTimeout(function(){

       // Work completed... resolve the deferred, so it's promise will proceed
       def.resolve();
   }, milliseconds);

   // Immediately return a "promise to proceed when the wait time ends"
   return def.promise();
}

Et utiliser comme ça:

waitPromise(2000).then(function(){
     console.log("I have waited long enough");
});

Promesses asynchrones

Si vous devez exécuter plusieurs tâches asynchrones l'une après l'autre, vous devrez regrouper les objets promis. Voici un exemple simple:

function First() {
    console.log("Calling Function First");
    return $.get("/ajax/GetFunction/First");
}

function Second() {
    console.log("Calling Function Second");
    return $.get("/ajax/GetFunction/Second");
}
 
function Third() {
    console.log("Calling Function Third");
    return $.get("/ajax/GetFunction/Third");
}

function log(results){
    console.log("Result from previous AJAX call: " + results.data);
}
 
First().done(log)
       .then(Second).done(log)
       .then(Third).done(log);

jQuery ajax () succès, erreur VS .done (), .fail ()

succès et erreur: Un rappel de succès qui est appelé lors de la réussite d'une requête Ajax.

Un rappel d' échec qui est appelé en cas d'erreur lors de la requête.

Exemple:

 $.ajax({
        url: 'URL',
        type: 'POST',
        data: yourData,
        datatype: 'json',
        success: function (data) { successFunction(data); },
        error: function (jqXHR, textStatus, errorThrown) { errorFunction(); }
    });

.done () et .fail ():

.ajax (). done (function (data, textStatus, jqXHR) {}); Remplace la méthode .success () qui était déconseillée dans jQuery 1.8.Ceci est une construction alternative pour la fonction de rappel réussie ci-dessus.

.ajax (). fail (fonction (jqXHR, textStatus, errorThrown) {}); Remplace la méthode .error () qui était déconseillée dans jQuery 1.8.Ceci est une construction alternative pour la fonction de rappel complète ci-dessus.

Exemple:

$.ajax({
    url: 'URL',
    type: 'POST',
    data: yourData,
    datatype: 'json'
})
.done(function (data) { successFunction(data); })
.fail(function (jqXHR, textStatus, errorThrown) { serrorFunction(); });

Obtenez l'état actuel d'une promesse

Par défaut, l'état d'une promesse est en attente lors de sa création. L'état d'une promesse est modifié lorsque l'objet différé qui a créé la promesse soit résolu ou rejeté.

var deferred = new $.Deferred();
var d1= deferred.promise({
    prop: "value"
});
var d2= $("div").promise();
var d3= $("div").hide(1000).promise();

console.log(d1.state()); // "pending"
console.log(d2.state()); // "resolved"
console.log(d3.state()); // "pending"


Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow