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") |