Come eseguire una funzione quando una richiesta XMLHttpRequest è completa?

Question

Sto lavorando a un progetto con diversi script che non posso modificare. Questi script aggiornano la pagina tramite AJAX. Quando l'aggiornamento è completo, ho bisogno di eseguire del codice.

C'è qualche evento che si attiva quando una richiesta XMLHttpRequest è completa? (o qualsiasi cambiamento di stato XMLHttpRequest?).

Purtroppo non riesco ad accedere allo specifico oggetto XMLHttpRequest utilizzato per effettuare la richiesta.

Grazie,

Answer 1

Senza di jQuery, è possibile agganciare il metodo open per collegare un listener per readystatechange eventi di ciascun oggetto XHR al momento l'oggetto XHR è open ed. Assicurarsi che il seguente codice viene eseguito prima che si verifichi qualsiasi 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); 
} 

In alternativa, se vi interessa soltanto successo load eventi, è possibile listener per tale evento, invece di readystatechange.