Wie führe ich eine Funktion aus, wenn XMLHttpRequest abgeschlossen ist?

Question

Ich arbeite an einem Projekt mit mehreren Skripten, die ich nicht ändern kann. Diese Skripte aktualisieren die Seite über AJAX. Wenn das Update abgeschlossen ist, muss ich etwas Code ausführen.

Gibt es ein Ereignis, das ausgelöst wird, wenn XMLHttpRequest abgeschlossen ist? (oder eine Änderung des XMLHttpRequest-Status?).

Leider kann ich nicht auf das spezifische XMLHttpRequest-Objekt zugreifen, das für die Anforderung verwendet wird.

Danke,

Answer 1

Ohne jQuery, können Sie die open Methode Haken einen Listener für jedes XHR-Objekt readystatechange Ereignisse zum Zeitpunkt des XHR Objekt ist open ed zu befestigen. Sicherstellen, dass der folgende Code ausgeführt wird, bevor eine Ajax auftritt:

// save the real open 
var oldOpen = XMLHttpRequest.prototype.open; 

function onStateChange(event) { 
    // fires on every readystatechange ever 
    // use `this` to determine which XHR object fired the change event 
} 

XMLHttpRequest.prototype.open = function() { 
    // when an XHR object is opened, add a listener for its readystatechange events 
    this.addEventListener("readystatechange", onStateChange) 

    // run the real `open` 
    oldOpen.apply(this, arguments); 
} 

Alternativ, wenn Sie nur über erfolgreiche load Ereignisse kümmern, können Sie für dieses Ereignis statt readystatechange Zuhörer.