Retourner à la page d'accueil de TJS

Propriété : XMLHttpRequest.readyState

Indicateur de l'avancement de l'appel AJAX

Syntaxe
Integer ajax.readyState

Compatible tous navigateurs

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

Nouvelle édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 21 octobre

Version papier à 29€90
Format électronique à 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 21/10/2020 03:13:48 sur php7 en 121.93 ms