jQuery Girl
  1. jQuery Girl
  3. Comment agir lorsque tous les appels ajax de chaque boucle aboutissent?
Intereting Posts
Validation JQuery errorPlacement Success vs Failure jquery fadeout écouteur d’événement comment appeler un plugin jquery depuis un composant angular.dart? JQuery IE lie cette jQuery supprime tout après et incluant certains caractères L’parsingur HTML jQuery supprime certaines balises sans avertissement, pourquoi et comment l’empêcher? Comment convertir des noeuds XML en chaîne? getJSON et étiquette invalide Alternative à jQuery each () – question auto-éducative Ajouter de la valeur au tableau enfant JSON de manière dynamic? Fonction jQuery .each () accédant à un autre sélecteur via des index Stocker les données dans la variable de post jquery Comment puis-je sélectionner cet élément avec JQuery? Le code de menu ne fonctionne pas Colonne du nombre décimal de la grid KendoUI

Comment agir lorsque tous les appels ajax de chaque boucle aboutissent?

J’appelle la fonction ajax jquery dans chaque boucle et je veux effectuer une action au moment où tous les appels ajax dans la boucle se terminent et aboutissent. 

$(".checked-box").each(function () { // ajax call goes here }); $('.messsage').html('all requests done');

Comment faire ça? sans async: false car cela bloque le navigateur.

C’est une façon: 

 var numberOfPendingRequests = 8; $(".checked-box").each(function () { $.ajax({ success: function(){ ... numberOfPendingRequests --; if(numberOfPendingRequests == 0) allDone(); } }); }); function allDone(){ $('.messsage').html('all requests done'); }

Vous pouvez calculer le nombre initial de numberOfPendingRequests fonction de votre nombre de cases à cocher ou le démarrer à 0 et l’incrémenter avant chaque demande d’ajax, mais c’est l’idée générale.

J’espère que cela t’aides. À votre santé

Les programmes différés peuvent simplifier votre travail. 

 var deferreds = $('.checked-box').map(function(i, elem) { return $.ajax(params); }); $.when.apply(null, deferreds.get()).then(function() { ... });

J’espère que cela devrait fonctionner.

Le concept est 

 $.when( $.ajax( "1" ), $.ajax( "2" ), $.ajax( "3" ) ).then( successFunc, failureFunc );

Essaye ça: 

 AjaxRequestCount = 0; //JUST prepare ajax requests here, do not send yet... $(".checked-box").each(function () { AjaxRequestCount += 1; //Count number of ajax request //set "success:" of each ajax to Success() function }); //Send ajax requests here, use a loop... for(i=0;i

Regardez la section 3.1 de ce post pour un exemple complet d’attendre la fin de choses asynchrones