Événement onreadystatechange
Lorsqu'une requête est envoyée au serveur, nous devons effectuer certaines tâches basées sur les réponses.
Chaque fois que readyState change, l'événement onreadystatechange sera déclenché.
L'attribut readyState stocke les informations d'état de XMLHttpRequest.
Voici les trois attributs importants de l'objet XMLHttpRequest :
Attributs readystatechange Stocke une fonction (ou un nom de fonction) qui sera appelée chaque fois que la propriété readyState change. readyState
Stocke l'état de XMLHttpRequest. Passe de 0 à 4.0 : La requête n'est pas initialisée
1 : La connexion au serveur a été établie 2 : La requête a été reçue
3 : La demande est en cours de traitement
La demande a été complétée et la réponse est prête. Tâches effectuées lorsque la réponse du serveur est prête à être traitée.
Lorsque readyState est égal à 4 et que le statut est 200, cela signifie que la réponse est prête :
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}Remarque : L'événement onreadystatechange est déclenché 5 fois (0 - 4), correspondant à chaque changement de readyState.
Utiliser les fonctions de rappel
Une fonction de rappel est une fonction qui est passée en paramètre à une autre fonction.
Si vous avez plusieurs tâches AJAX sur votre site, vous devez écrire une fonction standard pour créer un objet XMLHttpRequest et appeler cette fonction pour chaque tâche AJAX.
Cet appel de fonction doit contenir l'URL et la tâche à effectuer lorsque l'événement onreadystatechange se produit (peut être différent pour chaque appel) :
function myFunction()
{
loadXMLDoc("ajax_info.txt",function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
});
}