Retourner à la page d'accueil de TJS

Propriété : XMLHttpRequest.onreadystatechange

          

Définit la fonction à appeler lors d'un changement d'avancement de la requête AJAX

Syntaxe
ajax.onreadystatechange = function() { /* Traitements */ }

Description
Evénement déclenché lors d'un changement de la propriété readyState de l'appel AJAX.
Permet de lancer un traitement à chaque étape d'avancement de l'appel.


Exemple Timer et appel AJAX
Code source
<div id="retour"></div>
<script type="text/javascript">
 /* Initialisation du Timer */
 console.time("ajaxTimer");

 /* Création de l'objet ajax XMLHttpRequest */
 var ajax = new XMLHttpRequest();

 /* Déclaration des événements */
 ajax.onreadystatechange = function() {
   console.timeEnd("ajaxTimer");
   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;
  }
 }

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

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

Résultat
Emulation de la console
Explication
Déclenche l'affichage dans la console d'un timer à chaque changement de readyState sur l'appel AJAX à la ressource /api/get-my-ip.php.

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

Nouveau service en ligne de TJS

cleanMyJS : Détectez toutes les erreurs JavaScript de vos sitescleanMyJS.com
Détectez, enregistrez et analysez toutes les erreurs JavaScript de vos sites
Le 15/12/2018 10:34:29 sur php7 en 68.18 ms