Wie kann ich herausfinden, ob eine Ajax-Anfrage mit jQuery abgeschlossen wurde?

Question

Ich habe eine Seite, auf der ich etwas Javascript/jquery einfügen kann, um die Ausgabe zu manipulieren. Ich habe keine andere Kontrolle über die Seite Markup etc.

Ich muss ein zusätzliches Element über jquery nach jedem Geschenk auf der Seite hinzufügen. Das Problem besteht darin, dass die Elemente über einen asynchronen Aufruf auf der vorhandenen Seite generiert werden, der auftritt, nachdem $ (document) .ready abgeschlossen ist.

Im Wesentlichen brauche ich eine Möglichkeit, meine jquery aufzurufen, nachdem die Seite geladen wurde und die nachfolgenden Ajax-Aufrufe abgeschlossen sind. Gibt es eine Möglichkeit, den Abschluss eines Ajax-Aufrufs auf der Seite zu erkennen und dann meine eigene benutzerdefinierte Funktion aufzurufen, um die zusätzlichen Elemente nach den neu erstellten s einzufügen?

Answer 1

Leider gilt dies nicht, da es das OP scheint nicht$.ajax()oder jede jQuery Ajax-Methode ist die Verwendung für den Inhalt tatsächlich geladen, aber es hier bei zukünftigen googler verlassen dies tun.

---

Sie any of the global ajax events that meet your needs here verwenden können, sind Sie wahrscheinlich nach $.ajaxComplete() oder $.ajaxSuccess().

Zum Beispiel:

$(document).ajaxSuccess(function() { 
    alert("An individual AJAX call has completed successfully"); 
}); 
//or... 
$(document).ajaxComplete(function() { 
    alert("ALL current AJAX calls have completed"); 
}); 

Wenn Sie nur eine generische Funktion dann bringen Sie sie laufen zu dokumentieren (sie sind nur Ereignisse unten). Wenn Sie etwas Bestimmtes zeigen wollen, zum Beispiel eine modale oder eine Nachricht, können Sie sie etwas sauberere verwenden (obwohl dies nicht zu sein scheint, was Sie nach), wie folgt aus:

$("#myModal").ajaxComplete(function() { 
    $(this).fadeIn().delay(1000).fadeOut(); 
}); 

Answer 2

Wie Ich könnte verstehen, dass Sie die Ajax-Funktion von jQuery in Ihrem Bereit-Handler verwenden. Sie könnten also einfach eine andere Funktion übergeben, die aufgerufen wird, nachdem Ihre Ajax-Funktion eine Antwort erhalten hat. Zum Beispiel

$(document).ready(function(){ 
    $("#some_div").load('/some_url/', function(){ 
     /* Your code goes here */ 
    }); 
}); 

Answer 3

könnten Sie .live()/.delegate() verwenden.

Answer 4

Dieses Beispiel zeigt nur Elemente und versteckt am Anfang und Ende der Ajax-Aufrufe jQuery:

$("#contentLoading").ajaxSend(function(r, s) { 
     $(this).show(); 
     $("#ready").hide(); 
    }); 

    $("#contentLoading").ajaxStop(function(r, s) { 
     $(this).hide(); 
     $("#ready").show(); 
    }); 

#contentLoading ist eine GIF-Bild-Statusanzeige.

Answer 5

Sie könnten die send() - Funktion des XMLHttpRequest-Objekts neu schreiben.

Siehe eine Lösung für so tun, nur mit reinem Javascript here.