Mit dem XMLHttpRequest-Objekt Sie Teile einer Web-Seite zu aktualisieren, ohne die gesamte Seite neu zu laden.
Probieren Sie es selbst - Beispiele
Ein einfaches Beispiel XMLHttpRequest
Erstellen Sie eine einfache XMLHttpRequest und Abrufen von Daten aus einer TXT-Datei.
Abrufen Header - Informationen mit getAllResponseHeaders()
Abrufen Header - Informationen einer Ressource (file) .
Abrufen spezifischen Header - Informationen mit getResponseHeader()
Abrufen spezifischen Header - Informationen einer Ressource (file) .
Rufen Sie den Inhalt einer ASP - Datei
Wie eine Web-Seite kann mit einem Web-Server, während ein Benutzer Typ Zeichen in einem Eingabefeld kommunizieren.
Abrufen von Inhalten aus einer Datenbank
Wie eine Web-Seite kann Informationen aus einer Datenbank mit dem XMLHttpRequest-Objekt abzurufen.
Rufen Sie den Inhalt einer XML - Datei
Erstellen Sie eine XMLHttpRequest Daten aus einer XML-Datei abrufen und die Daten in einer HTML-Tabelle angezeigt werden soll.
Das XMLHttpRequest-Objekt
Das XMLHttpRequest-Objekt wird verwendet, um Daten mit einem Server hinter den Kulissen auszutauschen.
Das XMLHttpRequest - Objekt ist the developers dream , weil Sie folgende Möglichkeiten:
- Aktualisieren einer Webseite, ohne die Seite neu zu laden
- Fordern Sie Daten von einem Server, nachdem die Seite geladen
- Empfangen von Daten von einem Server, nachdem die Seite geladen wurde
- Senden von Daten an einen Server im Hintergrund
XMLHttpRequest Objektmethoden
| Methode | Beschreibung |
|---|---|
| abort() | Bricht die aktuelle Anfrage |
| getAllResponseHeaders() | Returns Header-Informationen |
| getResponseHeader() | Gibt spezifische Header-Informationen |
| open(method,url,async,uname,pswd) | Gibt die Art der Anfrage, die URL, wenn die Anforderung asynchron behandelt werden soll oder nicht, und andere optionale Attribute einer Anfrage Methode: die Art der Anfrage: GET oder POST url: der Ort der Datei auf dem Server async: true (asynchronous) oder falsch (synchronous) |
| send(string) | senden (string) sendet die Anfrage aus auf den Server. string: Nur für POST-Anfragen verwendet |
| setRequestHeader() | Fügt ein Label / Wert-Paar an den Header gesendet werden |
XMLHttpRequest Objekteigenschaften
| Eigentum | Beschreibung |
|---|---|
| onreadystatechange | Speichert eine Funktion (or the name of a function) , um automatisch jedes Mal , wenn die Readystate - Eigenschaft ändert aufgerufen werden |
| readyState | Hält den Status des XMLHttpRequest. Änderungen 0-4: 0: Anforderung nicht initialisiert 1: Server-Verbindung hergestellt 2: Anforderung empfangen 3: Verarbeitungsanforderung 4: fordern fertig und Antwort bereit ist, |
| responseText | Gibt die Antwortdaten als String |
| responseXML | Gibt die Antwortdaten als XML-Daten |
| status | Gibt den Status-Nummer (zB "404" für "Not Found" oder "200" für "OK") |
| statusText | Gibt den Status-Text (zB "Not Found" oder "OK") |