AJAXRéponse Ajax
Gestion de la réponse du serveur
On commence par vérifier l'état (la valeur) de la requête puis le code d'état de la réponse HTTP du serveur.
Lors de l'envoi de la requête, vous avez désigné une fonction JavaScript pour traiter la réponse.
httpRequest.onreadystatechange = nomDeLaFonction;
Voyons maintenant ce que cette fonction doit faire. Tout d'abord, elle doit vérifier l'état de la requête. Si cet état a une valeur de 4, cela signifie que la réponse du serveur a été reçue dans son intégralité et qu'elle peut maintenant être traitée.
Vérifier l'état de la requête
if (xhr.readyState == 4) {
// tout va bien, la réponse a été reçue
} else {
// pas encore prête
}
if (xhr.readyState == 4) {
// tout va bien, la réponse a été reçue
} else {
// pas encore prête
}
Voici la liste complète des valeurs de readyState:
• 0 (non initialisée)
• 1 (en cours de chargement)
• 2 (chargée)
• 3 (en cours d'interaction)
• 4 (terminée)
La seconde vérification concerne le code d'état de la réponse HTTP du serveur. Tous les codes possibles sont listés sur le site du W3C. Dans notre cas, nous sommes seulement intéressés par la réponse 200 OK.
Vérifier le code d'état de la réponse
if (xhr.status == 200) {
// parfait ! Tous va bien.
} else {
// problème avec la requête (code 404 : Non trouvée ou 500 : Erreur interne au serveur)
}
if (xhr.status == 200) {
// parfait ! Tous va bien.
} else {
// problème avec la requête (code 404 : Non trouvée ou 500 : Erreur interne au serveur)
}
