XMLHttpRequest.readyState

la proprietà XMLHttpRequest.readyState restituisce lo stato nel quale si trova il client di una richiesta XMLHttpRequest. Un client XHR si può trovare in uno degli stati seguenti:

UNSENT

Il Client è stato creato, ma il metodo open() della XHR non è stato ancora invocato.

OPENED

Il metodo open() della XHR è stato invocato. In questo stato è possibile settare l' header della richiesta HTTP utilizzando il metodo setRequestHeader(); può essere invocato il metodo send(), che inizia il fetch della richiesta.

HEADERS_RECEIVED

Il metodo send() è stato invocato e sono stati ricevuto gli headers della risposta; è possibile conoscere il codice della risposta HTTP ed i suoi metadati.

LOADING

Sta avvenendo il download del body della risposta HTTP; se il responseType è "text" o vuoto, responseText conterrà un testo parziale.

DONE

L'operazione di fetch è terminata; Questo può significare sia che il trasferimento dei dati è stato un successo e questi sono completamente disponibili o che è fallito.

var xhr = new XMLHttpRequest();
console.log('UNSENT', xhr.readyState); // readyState sarà pari a 0

xhr.open('GET', '/api', true);
console.log('OPENED', xhr.readyState); // readyState sarà pari a 1

xhr.onprogress = function () {
    console.log('LOADING', xhr.readyState); // readyState sarà pari a 3
};

xhr.onload = function () {
    console.log('DONE', xhr.readyState); // readyState sarà pari a 4
};

xhr.send(null);