L' objet XMLHttpRequest
Avec l'objet XMLHttpRequest, vous pouvez mettre à jour des parties d'une page Web, sans recharger la page entière.
Essayez-le vous-même - Exemples
Créez un XMLHttpRequest simple et récupérez les données d'un fichier TXT.
Récupérer les informations d'en-tête d'une ressource (fichier).
Récupérer des informations d'en-tête spécifiques d'une ressource (fichier).
Comment une page Web peut communiquer avec un serveur Web pendant qu'un utilisateur tape des caractères dans un champ de saisie.
Comment une page Web peut récupérer des informations d'une base de données avec l'objet XMLHttpRequest.
Créez un XMLHttpRequest pour récupérer les données 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 en arrière-plan.
L'objet XMLHttpRequest est le rêve des développeurs , car vous pouvez :
- Mettre à jour une page Web sans recharger la page
- Demander des données à un serveur après le chargement de la page
- Recevoir des données d'un serveur après le chargement de la page
- Envoyer des données à un serveur en arrière-plan
Méthodes d'objet XMLHttpRequest
| Method | Description |
|---|---|
| abort() | Cancels the current request |
| getAllResponseHeaders() | Returns header information |
| getResponseHeader() | Returns specific header information |
| open(method,url,async,uname,pswd) | Specifies the type of request, the URL, if the request should be handled asynchronously or not, and other optional attributes of a request
method: the type of request: GET or POST url: the location of the file on the server async: true (asynchronous) or false (synchronous) |
| send(string) | send(string) Sends the request off to the server. string: Only used for POST requests |
| setRequestHeader() | Adds a label/value pair to the header to be sent |
Propriétés de l'objet XMLHttpRequest
| Property | Description |
|---|---|
| onreadystatechange | Stores a function (or the name of a function) to be called automatically each time the readyState property changes |
| readyState | Holds the status of the XMLHttpRequest. Changes from 0 to 4: 0: request not initialized 1: server connection established 2: request received 3: processing request 4: request finished and response is ready |
| responseText | Returns the response data as a string |
| responseXML | Returns the response data as XML data |
| status | Returns the status-number (e.g. "404" for "Not Found" or "200" for "OK") |
| statusText | Returns the status-text (e.g. "Not Found" or "OK") |