TUTORIEL AJAX - La requête

Création de la requête

Propriété ou méthode Description des paramètres
open("méthode","url",flag) Ouvre la connexion avec le serveur.
méthode -> "GET" ou "POST"
url -> l'url à laquelle on va envoyer notre requête.
Si la méthode est GET, on met les paramètres dans l'url,
sous la forme url?nom1=valeur 1&nom2=valeur 2
flag -> true si l'on veut un dialogue asynchrone, sinon, false
setRequestHeader("nom","valeur") Assigne une valeur à un header HTTP qui sera envoyé lors de la requête.
Obligatoire pour utiliser la méthode POST :
nom -> "Content-Type"
valeur -> "application/x-www-form-urlencoded"
send("params") Envoie la requête au serveur.
Si la méthode est GET, on met null en paramètre.
Si la méthode est POST, on met les paramètres a envoyer, sous la forme :
"nomparam1=valeurparam1&nomparam2=valeurparam2".
abort() Abandonne la requête.
onreadystatechange

Ici, on va désigner la fonction qui sera exécutée à chaque "changement d'état" de notre objet.

Notez bien la casse : il n'y a pas de majuscules

readyState

C'est cette propriété qu'on va tester dans le onreadystatechange.
Elle représente l'état de l'objet et peut prendre plusieurs valeurs :
0 -> Non initialisé.
1 -> Ouverture (open() vient de s'exécuter).
2 -> Envoyé (send() vient de s'exécuter).
3 -> En cours (des données sont en train d'arriver).
4 -> Prêt (toutes les données sont chargées) on peut exploiter le résultat.

Attention au S majuscule

status Le code de la réponse du serveur.
200 -> OK.
404 -> Page non trouvée.
...
statusText Le message associé à status.
responseText La réponse retournée par le serveur, au format texte.
responseXML La réponse retournée par le serveur, au format DOM XML.
Voir un exemple