Das XMLHttpRequest -Objekt
Mit dem XMLHttpRequest-Objekt können Sie Teile einer Webseite aktualisieren, ohne die ganze Seite neu zu laden.
Probieren Sie es selbst aus - Beispiele
Erstellen Sie ein einfaches XMLHttpRequest und rufen Sie Daten aus einer TXT-Datei ab.
Header-Informationen einer Ressource (Datei) abrufen.
Spezifische Header-Informationen einer Ressource (Datei) abrufen.
Wie eine Webseite mit einem Webserver kommunizieren kann, während ein Benutzer Zeichen in ein Eingabefeld eingibt.
Wie eine Webseite mit dem XMLHttpRequest-Objekt Informationen aus einer Datenbank abrufen kann.
Erstellen Sie eine XMLHttpRequest, um Daten aus einer XML-Datei abzurufen und die Daten in einer HTML-Tabelle anzuzeigen.
Das XMLHttpRequest-Objekt
Das XMLHttpRequest-Objekt wird verwendet, um Daten mit einem Server hinter den Kulissen auszutauschen.
Das XMLHttpRequest-Objekt ist der Traum der Entwickler , denn Sie können:
- Aktualisieren Sie eine Webseite, ohne die Seite neu zu laden
- Fordern Sie Daten von einem Server an, nachdem die Seite geladen wurde
- Empfangen Sie Daten von einem Server, nachdem die Seite geladen wurde
- Senden Sie Daten im Hintergrund an einen Server
XMLHttpRequest-Objektmethoden
| 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 |
XMLHttpRequest-Objekteigenschaften
| 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") |