XMLHttpRequestObjekt
Mit dem XMLHttpRequest-Objekt können Sie einen Teil einer Webseite aktualisieren, ohne die gesamte Seite neu zu laden.
Ausprobieren – Beispiel
Erstellen Sie einen einfachen XMLHttpRequest, um Daten aus einer TXT-Datei abzurufen.
Die Header-Informationen einer Ressource (Datei) abrufen.
Rufen Sie die angegebene Header-Information über getResponseHeader() ab.
Rufen Sie die angegebene Header-Information einer Ressource (Datei) ab.
Wie kommuniziert eine Webseite mit einem Webserver, wenn der Benutzer Zeichen in ein Eingabefeld eingibt?
Wie extrahiert eine Webseite Informationen aus einer Datenbank über das XMLHttpRequest-Objekt?
Erstellen Sie ein XMLHttpRequest, um Daten aus einer XML-Datei abzurufen und die Daten in einer HTML-Tabelle anzuzeigen.
XMLHttpRequest-Objekt
Das XMLHttpRequest-Objekt wird verwendet, um im Hintergrund Daten mit einem Server auszutauschen.
Das XMLHttpRequest-Objekt istder Traum eines Entwicklers, denn Sie können:
- Eine Webseite aktualisieren, ohne die Seite neu zu laden
- Daten von einem Server anfordern, nachdem eine Seite geladen wurde.
- Daten von einem Server empfangen, nachdem eine Seite geladen wurde.
- Daten im Hintergrund an einen Server senden
Methoden des XMLHttpRequest-Objekts
| Methoden | Beschreibung |
|---|---|
| abort() | Die aktuelle Anfrage abbrechen. |
| getAllResponseHeaders() | Header-Informationen zurückgeben. |
| getResponseHeader() | Die angegebenen Header-Informationen zurückgeben. |
| open(method,url,async,uname,pswd) | Legt den Typ der Anfrage, die URL, ob die Anfrage asynchron verarbeitet werden soll, und weitere optionale Eigenschaften der Anfrage fest. method: der Typ der Anfrage GET oder POST url: Der Speicherort der Datei auf dem Server async: true (asynchron) oder false (synchron) |
| send(string) | Sendet eine Anfrage an den Server. string: wird nur für POST-Anfragen verwendet |
| setRequestHeader() | Fügt dem zu sendenden Header ein Label/Wert-Paar hinzu. |
Eigenschaften des XMLHttpRequest-Objekts
| Eigenschaft | Beschreibung |
|---|---|
| onreadystatechange | Speichert eine Funktion (oder den Namen einer Funktion), die automatisch jedes Mal aufgerufen wird, wenn sich die readyState-Eigenschaft ändert. |
| readyState | speichert den Status von XMLHttpRequest. Ändert sich von 0 bis 4: 0: Anfrage nicht initialisiert 1: Serververbindung hergestellt 2: Die empfangene Anfrage 3: Die Anfrage verarbeiten 4: Anfrage abgeschlossen und Antwort bereit |
| responseText | Gibt die Antwortdaten als String zurück. |
| responseXML | Gibt die Antwortdaten als XML zurück. |
| status | gibt die Statusnummer zurück (zum Beispiel ist "404" "Not Found" oder "200" "OK"). |
| statusText | gibt den Statustext zurück (wie zum Beispiel "Not Found" oder "OK"). |
Weitere Erweiterungen