Propriété : XMLHttpRequest.readyState

Indicateur de l'avancement de l'appel AJAX

Syntaxe
Integer ajax.readyState

Compatible tous navigateurs

Oui

Description
Indique l'avancement de l'appel AJAX sous forme d'entier :
0 Objet non initialisé
1 Objet initialisé
2 Entêtes de réponse disponibles
3 Données reçues accessibles en partie
4 Données complètement accessibles

L'événement onreadystatechange se déclenche à chaque change d'état d'avancement.

Exemple 1 : Appel Ajax Complet

Code source

<div id="retour"></div>
<script type="text/javascript">
/* Création de l'objet ajax XMLHttpRequest */
var ajax = new XMLHttpRequest();

/* Déclaration des événements */
ajax.onreadystatechange = function() {
console.log("readyState = "+this.readyState);
if (this.readyState == 2) { /* HEADER_RECEIVED */
console.log(this.getAllResponseHeaders());
}
};

ajax.onload = function() {
console.log("onLoad : readyState = "+this.readyState);
console.log("HTTP status = "+this.status);
if (this.status == 200) { /* Retour HTTP OK */
console.log(this.response);
document.getElementById("retour").innerHTML = this.response;
}
if (this.status == 404) { /* Page introuvable */
document.getElementById("retour").innerHTML = "Erreur 404";
}
}

/* Définition de l'appel */
ajax.open("GET", "/api/get-news.php", true);

/* Déclenchement de l'appel */
ajax.send();
</script>

Résultat

Emulation de la console

Explication

Appel Ajax Complet.
Ici le cas d'un retour 404.

Page en rapport
Le tutoriel XMLHttpRequest pour les appels AJAX

Page mise à jour le 17/03/2017