Jak uruchomić funkcję po zakończeniu dowolnego żądania XMLHttpRequest?

Question

Pracuję nad projektem, który ma kilka skryptów, których nie mogę zmienić. Te skrypty aktualizują stronę za pośrednictwem AJAX. Po zakończeniu aktualizacji muszę uruchomić kod.

Czy jest jakieś zdarzenie uruchamiane po zakończeniu dowolnego żądania XMLHttpRequest? (lub dowolna zmiana stanu XMLHttpRequest?).

Niestety nie mogę uzyskać dostępu do konkretnego obiektu XMLHttpRequest używanego do wykonania żądania.

Dzięki,

Answer 1

Bez jQuery, można podłączyć metodę open dołączenia słuchacza dla każdego obiektu XHR za readystatechange wydarzeń w czasie przedmiotem XHR jest open ed. Zapewniają, że kod działa zanim wystąpi Ajax:

// 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); 
} 

Ewentualnie, jeśli tylko dbają o udanych load zdarzeń, można słuchacza w tym przypadku zamiast readystatechange.