Auslösen einer Funktion erst nach dem Abschluss mehrerer AJAX-Anfragen

Question

Ich habe eine bestimmte Funktion, die ich einmal ausführen möchte und erst nach dem Abschluss mehrerer AJAX-Anfragen.

Meine aktuelle Lösung sieht ein bisschen wie folgt aus:

function doWork() { 
    //This is the function to be run once after all the requests 
} 

//some tracking/counting variables 
var ajaxDoneCounter = 0; 
var numOfAjaxRequests = 5; 
var workDone = false; 

function doWorkTrigger() { 
    ajaxDoneCounter++; 
    if(!workDone && ajaxDoneCounter >= numOfAjaxRequests) { 
     workDone = true; 
     doWork(); 
    } 
} 

// ... 

//and a number of ajax requests (some hidden within functions, etc) 
//they look something like this: 
$.ajax({ 
    url: "http://www.example.com", 
    dataType: "json", 
    success: function(data) { 
     //load data in to variables, etc 
     doWorkTrigger(); 
    } 
}); 

Eine offensichtliche Gefahr in der oben ist, dass jeder AJAX-Aufruf, der nicht erfolgreich ist, wird ajaxDoneCount nicht erhöht und so doWork() wird wahrscheinlich nie genannt werden. Ich kann das mit dem error Callback innerhalb von jedem $.ajax umgehen, so dass mich das nicht zu sehr beunruhigt.

Was ich wissen möchte ist, ob das oben genannte sicher und/oder gute Praxis ist?
Gibt es einen Trick, den ich verpasst habe, oder irgendetwas anderes, das besser funktionieren könnte?

Answer 1

Update: Seit jQuery 1.5, deferred objects^[docs] bieten eine sauberere Lösung. Have a look at an example here.

---

ich .ajaxComplete() verwenden würde, wird es ausgelöst werden, wenn ein Anruf beendet Ajax (Erfolg oder Fehler):

var numOfAjaxRequests = 5; 

$(document).ajaxComplete(function() { 
    numOfAjaxRequests--; 
    if(!numOfAjaxRequests) { 
     doWork(); 

    } 
}); 

Dann gehst du nicht jede Ajax-Anfrage bearbeiten müssen.

Sie sogar .ajaxSend() nutzen könnten, um zu starten Ajax-Anfragen benachrichtigt, anstatt es zu hartzucodieren (aber ich bin nicht sicher, ob das wirklich funktioniert, vielleicht werden Sie Rennbedingungen erleben):

var numOfAjaxRequests = 0; 

$(document).ajaxSend(function() { 
    numOfAjaxRequests++; 
}); 

Answer 2

I don‘ Wissen Sie genug über JavaScript-Interna, aber es besteht die Gefahr, dass die Operation:

ist nicht atomar. Wenn dies der Fall ist, könnte dies einer Wettlaufsituation unterliegen.

Answer 3

Ich denke, Sie sollten complete(XMLHttpRequest, textStatus) Ajax-Ereignis anstelle von Erfolg verwenden (Daten, textStatus, XMLHttpRequest).

Nach jQuery Hilfe:

complete(XMLHttpRequest, textStatus) 

Eine Funktion, die aufgerufen werden, wenn die Anfrage beendet (nach Erfolg und Fehler Rückrufe ausgeführt werden). Die Funktion erhält zwei Argumente: Das XMLHttpRequest-Objekt und eine Zeichenfolge , die den Status der Anforderung beschreibt. Dies ist ein Ajax-Ereignis.