Objet XMLHttpRequest XML DOM

Grâce à l'objet XMLHttpRequest, vous pouvez mettre à jour une partie du contenu de la page sans recharger toute la page.

Objet XMLHttpRequest

L'objet XMLHttpRequest est utilisé pour échanger des données avec le serveur en arrière-plan.

L'objet XMLHttpRequest est le rêve des développeurs, car vous pouvez :

  • Mise à jour de la page sans recharger la page
  • Demande des données au serveur après le chargement de la page
  • Reçoit des données du serveur après le chargement de la page
  • Envoie des données au serveur en arrière-plan

Les méthodes de l'objet XMLHttpRequest

Méthode Description
abort() Annule la requête en cours.
getAllResponseHeaders() Retourne les informations d'en-tête.
getResponseHeader() Retourne la valeur de l'en-tête HTTP spécifié.
open(method,url,async,uname,pswd)

Spécifiez le type de requête, l'URL, si la requête doit être traitée de manière asynchrone et d'autres attributs optionnels de la requête.

  • method: type de requête : GET ou POST
  • url: emplacement du fichier sur le serveur
  • async: true (asynchrone) ou false (synchronisé)
send(string)

Envoyez la requête au serveur.

string:Seulement pour les requêtes POST

setRequestHeader() Ajoutez une paire d'étiquette/valeur aux en-têtes à envoyer.

Les attributs de l'objet XMLHttpRequest

Attribut Description
onreadystatechange Stocke la fonction (ou le nom de la fonction) appelée automatiquement à chaque changement de l'attribut readyState.
readyState

Enregistrer l'état de XMLHttpRequest. Les changements 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 requête est en cours de traitement
  • 4: La requête est terminée, la réponse est prête
responseText Retourner les données de réponse sous forme de chaîne.
responseXML Retourner les données de réponse sous forme de données XML.
status Retourner le numéro de statut (par exemple "404" pour "Not Found", ou "200" pour "OK").
statusText Retourner le texte de l'état (par exemple "Not Found" ou "OK").