Het XMLHttpRequest- object
Met het XMLHttpRequest-object kunt u delen van een webpagina bijwerken, zonder de hele pagina opnieuw te laden.
Probeer het zelf - Voorbeelden
Maak een eenvoudige XMLHttpRequest en haal gegevens op uit een TXT-bestand.
Haal header-informatie op van een resource (bestand).
Haal specifieke header-informatie op van een resource (bestand).
Hoe een webpagina kan communiceren met een webserver terwijl een gebruiker tekens typt in een invoerveld.
Hoe een webpagina informatie kan ophalen uit een database met het XMLHttpRequest-object.
ophalen Maak een XMLHttpRequest om gegevens uit een XML-bestand op te halen en de gegevens in een HTML-tabel weer te geven.
Het XMLHttpRequest-object
Het object XMLHttpRequest wordt gebruikt om achter de schermen gegevens uit te wisselen met een server.
Het XMLHttpRequest-object is de droom van de ontwikkelaars , omdat je:
- Een webpagina bijwerken zonder de pagina opnieuw te laden
- Gegevens opvragen bij een server nadat de pagina is geladen
- Gegevens ontvangen van een server nadat de pagina is geladen
- Gegevens naar een server op de achtergrond verzenden
XMLHttpRequest-objectmethoden
| 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 |
Objecteigenschappen 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") |