Derniers tutoriels de développement web
 

L'objet XMLHttpRequest


Avec le XMLHttpRequest objet que vous pouvez mettre à jour des parties d'une page Web, sans avoir à recharger la page entière.


Essayez-le vous-même - Exemples

Un exemple simple , XMLHttpRequest
Créer un XMLHttpRequest simple, et récupérer des données à partir d'un fichier TXT.

Récupérer des informations d' en- tête avec getAllResponseHeaders()
Récupérer des informations d' en- tête d'une ressource (file) .

Récupérer des informations spécifiques d' en- tête avec getResponseHeader()
Récupérer des informations d' en- tête spécifique d'une ressource (file) .

Récupérer le contenu d'un fichier ASP
Comment une page Web peut communiquer avec un serveur Web tandis qu'un des caractères de type d'utilisateur dans un champ de saisie.

Récupérer le contenu d'une base de données
Comment une page Web peut récupérer des informations à partir d'une base de données avec l'objet XMLHttpRequest.

Récupérer le contenu d'un fichier XML
Créer un XMLHttpRequest pour récupérer des données à partir d'un fichier XML et afficher les données dans un tableau HTML.


L'objet XMLHttpRequest

L'objet XMLHttpRequest est utilisé pour échanger des données avec un serveur dans les coulisses.

L'objet XMLHttpRequest est the developers dream , parce que vous pouvez:

  • Mettre à jour une page Web sans recharger la page
  • Demander des données à partir d'un serveur après que la page a chargé
  • Recevoir des données à partir d'un serveur après la page est chargée
  • Envoyer des données à un serveur en arrière-plan

XMLHttpRequest méthodes d'objets

méthode La description
abort() Annule la demande actuelle
getAllResponseHeaders() Retours header informations
getResponseHeader() Renvoie des informations spécifiques d'en-tête
open(method,url,async,uname,pswd) Indique le type de demande, l'URL, si la demande doit être traitée de façon asynchrone ou non, et d'autres attributs facultatifs d'une demande

méthode: le type de demande: GET ou POST
url: l'emplacement du fichier sur le serveur
async: true (asynchronous) ou faux (synchronous)
send(string) envoyer (string) Envoie la demande hors du serveur.

string: Utilisé uniquement pour les requêtes POST
setRequestHeader() Ajoute une paire à l'en-tête étiquette / valeur à envoyer

Propriétés de l'objet XMLHttpRequest

Propriété La description
onreadystatechange Enregistre une fonction (or the name of a function) à appeler automatiquement chaque fois que les changements de propriété readyState
readyState Dit l'état de la XMLHttpRequest. Changements de 0 à 4:
0: demander non initialisée
1: connexion au serveur établie
2: demande reçue
3: demande de traitement
4: demander fini et la réponse est prête
responseText Renvoie les données de réponse sous forme de chaîne
responseXML Renvoie les données de réponse sous forme de données XML
status Renvoie l'état-nombre (par exemple "404" pour "Not Found" ou "200" pour "OK")
statusText Renvoie l'état-texte (par exemple "Not Found" ou "OK")