XML DOM XMLHttpRequest Object

Durch das XMLHttpRequest-Objekt können Sie Teile der Webseite aktualisieren, ohne die gesamte Seite neu zu laden.

XMLHttpRequest-Objekt

Das XMLHttpRequest-Objekt wird verwendet, um Daten im Hintergrund mit dem Server auszutauschen.

Das XMLHttpRequest-Objekt ist ein Traum für Entwickler, weil Sie können:

  • Aktualisieren Sie die Webseite ohne Neuladen der Seite
  • Daten nach dem Laden der Seite an den Server anfordern
  • Daten nach dem Laden der Seite vom Server empfangen
  • Senden Sie Daten im Hintergrund an den Server

Methoden des XMLHttpRequest-Objekts

Methode Beschreibung
abort() Stornieren Sie die aktuelle Anfrage.
getAllResponseHeaders() Geben Sie die Header-Informationen zurück.
getResponseHeader() Geben Sie den Wert der angegebenen HTTP-Antwortkopfzeile zurück.
open(method,url,async,uname,pswd)

Bestimmen Sie den Typ der Anfrage, die URL, ob die Anfrage asynchron bearbeitet werden soll und andere optionale Attribute der Anfrage.

  • method: Anfrageart: GET oder POST
  • url: Position der Datei auf dem Server
  • async: true (asynchron) oder false (synchron)
send(string)

Senden Sie die Anfrage an den Server.

stringNur für POST-Anfragen
setRequestHeader() Fügen Sie ein Tag/Wert-Paar zu den zu sendenden Header hinzu.

Eigenschaften des XMLHttpRequest-Objekts

Eigenschaft Beschreibung
onreadystatechange Speicherung der Funktion (oder Funktionsbezeichnung), die bei jeder Änderung des readyState-Attributs automatisch aufgerufen wird.
readyState

Speicherung des Status von XMLHttpRequest. Änderungen von 0 bis 4:

  • 0: Anfrage nicht initialisiert
  • 1: Serververbindung hergestellt
  • 2: Anfrage empfangen
  • 3: Anfrage wird bearbeitet
  • 4: Anfrage abgeschlossen, Antwort bereit
responseText Return response data as a string.
responseXML Return response data as XML data.
status Return status code (e.g. "404" for "Not Found", or "200" for "OK").
statusText Return status text (e.g. "Not Found" or "OK").