AJAX - événement onreadystatechange
événement onreadystatechange
Lorsqu'une requête est envoyée au serveur, nous devons effectuer certaines taches 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. Taches 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 taches AJAX sur votre site, vous devez écrire une fonction standard pour créer un objet XMLHttpRequest et appeler cette fonction pour chaque tache AJAX.
Cet appel de fonction doit contenir l'URL et la tache à 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;
}
});
}
