Wie zu bestimmen, wenn mehrere Ajax Callbacks abgeschlossen sind

Question

Es gibt ein paar Fragen dieser genauen Art bereits gefragt. Einer von denen erhielt keine Antwort, von denen einer genau das vorschlug, was ich versuche, ohne Erfolg.

Hier ist, was ich tun zu wollen:

Funktion a() wird 1 bis mehrfach aufgerufen werden. Die Funktion b() führt einen Async-Aufruf aus.

for (i=0; i<=something; i++) { 
     function a() { 
      function b(); //makes async call 
     } 
    } 

// at this point, execution continues, 
// even though all function b()'s async 
// calls are still "pending". 

Wegen des async Aufrufs in Funktion b() Funktion a() selbst ist, für alle praktischen Zwecke auch Async.

Ich brauche eine Art zu wissen, wenn alle async-Aufrufe der Funktion b() abgeschlossen sind.

Ich versuchte dies:

var callCount=0; 

for (i=0; i<=something; i++) { 
    function a() { 
     callCount++; 
     function b(callCount); 
    } 
} 

I Funktion b() 's Asynchron-Callback-Funktion Dekrement Callcount, und tun dies dann haben:

var callCount=0; 

for (i=0; i<=something; i++) { 
    function a() { 
     callCount++; 
     function b(callCount); // b()'s callback decrements callCount by 1; 
    } 
} 

while (callCount > 0) { 
} 

// now continue 

Aber am Ende der für() Schleife, CallCount enthält immer noch die Anzahl der Aufrufe und dekrementiert nie, was zu einer Endlosschleife führt.

Ist callCount unveränderlich in b() Callback-Funktion?

Gibt es eine Möglichkeit zu erkennen, wenn eine Vielzahl von Async-Anrufen abgeschlossen wurden? Ich benutze sowohl jquery .ajax() und .get().

Answer 1

Nach Versprechungen und latente Einführung ... alles, was Sie brauchen, ist eine Reihe von Versprechen zu halten und .when $ verwenden und

$.when.apply($, promises).then(function() { 
    console.log('All ajax calls completed'); 
}); 

Bitte sich diese working fiddle, öffnen Sie einfach Ihre Konsole anwenden.