Comment puis-je m'assurer que toutes les requêtes jQuery Ajax sont terminées avant de poursuivre l'exécution de la fonction ?

Comment suspendre l'exécution d'une fonction jusqu'à ce que les requêtes jQuery Ajax soient terminées

Lors de l'exécution de plusieurs requêtes jQuery Ajax au sein d'une fonction, il peut devenir nécessaire de s'assurer que toutes les demandes sont terminées avant de passer à l'action suivante. Ceci est particulièrement crucial pour éviter les incohérences des données ou les conditions de concurrence.

Pour résoudre ce problème, jQuery introduit la puissante fonction .when(). Cette fonction permet aux développeurs de spécifier plusieurs objets différés comme arguments et exécute une fonction de rappel lorsqu'ils sont tous résolus.

Considérez l'exemple suivant dans lequel vous lancez quatre requêtes Ajax :

function ajax1() {
    return $.ajax({ /* Ajax request parameters */ });
}

Pour attendre pour que les quatre requêtes soient complétées avant de continuer, vous pouvez utiliser .when() comme suit :

$.when(ajax1(), ajax2(), ajax3(), ajax4()).done(function(a1, a2, a3, a4){
    // This code will execute when all Ajax requests resolve.
    // a1, a2, a3, and a4 contain response data and status.
});

Cette approche garantit que les actions suivantes ne sont pas exécutées tant que toutes les requêtes ne sont pas exécutées. Les requêtes Ajax se sont terminées avec succès, réduisant ainsi le risque d'erreurs et de problèmes d'intégrité des données.

Pour les situations où vous avez un nombre variable de requêtes Ajax, la liste d'arguments peut être générée dynamiquement. Cependant, cela nécessite une approche légèrement plus complexe.

De plus, la fonction .when() renvoie un objet jQuery Promise qui englobe toutes les requêtes Ajax. Cela offre un contrôle supplémentaire sur les modes d'échec en vous permettant de spécifier des gestionnaires de réussite et d'échec personnalisés à l'aide de .then() et .fail().

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!