Retourner à la page d'accueil de TJS

Propriété : XMLHttpRequest.readyState

          

Indicateur de l'avancement de l'appel AJAX

Syntaxe
Integer ajax.readyState

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 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

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...

Le guide complet du javascript

Le Guide Complet du JavascriptEn savoir plus sur mon livre aux Editions Micro Application
Le 22/11/2017 10:25:01 sur php7 en 22.97 ms