Was ist XMLHttpRequest in Ajax? Eine kurze Einführung in XMLHttpRequest

Der Inhalt dieses Artikels ist: Was ist XMLHttpRequest in Ajax? Eine kurze Einführung in XMLHttpRequest, um jedem einige der XMLHttpRequest-Methoden und -Attribute näher zu bringen, die vertraut und beherrscht sein müssen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Das XMLHttpRequest-Objekt kann verwendet werden, um im Hintergrund Daten mit dem Server auszutauschen. Daher ist XMLHttpRequest für Ajax sehr wichtig Das XMLHttpRequest-Objekt ist AJAX Der Schlüssel zur Technologie. [Verwandte Videoempfehlungen: Ajax-Video-Tutorial]

Lassen Sie uns die relevanten Kenntnisse von XMLHttpRequest kennenlernen!

1. Was ist XMLHttpRequest?

XMLHttpRequest (XHR) ist eine API, die von JavaScript, JScript, VBScript und anderen Webbrowser-Skriptsprachen verwendet werden kann, um XML-Daten über HTTP zum und vom Webserver zu übertragen Der Server manipuliert XML-Daten, um einen unabhängigen Verbindungskanal zwischen der Client- und der Serverseite der Webseite einzurichten.

Die vom XMLHttpRequest-Aufruf zurückgegebenen Daten werden normalerweise von der Backend-Datenbank bereitgestellt. Zusätzlich zu XML kann XMLHttpRequest verwendet werden, um Daten in anderen Formaten wie JSON oder sogar Nur-Text abzurufen.

Als nächstes werfen wir einen Blick auf einige XMLHttpRequest-Methoden und -Eigenschaften, mit denen Sie vertraut sein müssen.

2. XMLHttpRequest-Methode

1. Abbrechen der aktuellen Anfrage.

2. getAllResponseHeaders(): Gibt den vollständigen Satz von HTTP-Headern in String-Form zurück.

3. getResponseHeader( headerName ): Gibt den Wert des angegebenen HTTP-Headers zurück.

4. open( Methode, URL) open( Methode, URL, asynchron)
open( Methode, URL, asynchron, Benutzername)
open( Methode, URL, async, Benutzername, Passwort )

Geben Sie die Anforderungsmethode, die URL und andere optionale Attribute an.

Methodenparameter können den Wert „GET“, „POST“ oder „HEAD“ haben. Auch andere HTTP-Methoden wie „PUT“ und „DELETE“ (hauptsächlich in REST-Anwendungen verwendet) sind möglich.
Der Parameter „async“ gibt an, ob die Anfrage asynchron verarbeitet werden soll. „true“ bedeutet, dass die Skriptverarbeitung nach der send()-Methode fortgesetzt wird, ohne auf eine Antwort zu warten, „false“ bedeutet, dass das Skript auf eine Antwort wartet, bevor es mit der Skriptverarbeitung fortfährt.

5. Senden (Inhalt): Senden Sie eine Anfrage.

6. setRequestHeader(label, value): Fügen Sie das Label/Wert-Paar zum zu sendenden HTTP-Header hinzu.

3. XMLHttpRequest-Attribute

1. onreadystatechange:

Ein Ereignishandler Vorgehensweise zum Auslösen von Ereignissen bei jedem Zustandswechsel.

2. readyState:

Das readyState-Attribut definiert den aktuellen Status des XMLHttpRequest-Objekts.

Die folgende Tabelle enthält eine Liste möglicher Werte für das readyState-Attribut

readyState = 0: Zeigt an, dass nach der Erstellung des XMLHttpRequest-Objekts, aber bevor die Methode open() aufgerufen wird.

readyState = 1: Zeigt nach dem Aufruf der open()-Methode, aber vor dem Aufruf von send() an.

readyState = 2: Wird nach dem Aufruf von send() angezeigt.

readyState = 3: Zeigt an, dass nachdem der Browser die Kommunikation mit dem Server hergestellt hat, aber bevor der Server die Antwort abschließt.

readyState = 4: Zeigt an, dass nach Abschluss der Anforderung die Antwortdaten vollständig vom Server empfangen wurden.

3. Antworttext

Gibt die Antwort in Stringform zurück.

4. ResponseXML

Gibt die Antwort im XML-Format zurück; diese Eigenschaft gibt ein XML-Dokumentobjekt zurück, das mithilfe von W3C-DOM-Knotenbaummethoden und -eigenschaften überprüft und analysiert werden kann .

5. Status

Gibt den Status als Zahl zurück (z. B. 404 bedeutet „nicht gefunden“, 200 bedeutet „OK“).

6. statusText

Gibt den Status als Zeichenfolge zurück (z. B. „nicht gefunden“ oder „OK“).

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird.

Das obige ist der detaillierte Inhalt vonWas ist XMLHttpRequest in Ajax? Eine kurze Einführung in XMLHttpRequest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!