AJAX - Serverantwort

Ajax -Motor hat zahlreiche Dimensionen, von denen jede seine eigene Bedeutung hat. Sobald die AJAX -Engine abgeschlossen hat, um die Anfrage zu senden und die Antwort zu erhalten, kann sie mit den bereitgestellten Eigenschaften behandelt werden. Du kannst den ... benutzen "Responsext" oder "responsexml”AJAX -Eigenschaften, um die Antwort eines Servers in String- und XML -Formular zu erhalten.

In diesem Schreiben werden die Prozedur für die Behandlung von AJAX-Server-Antwort mit Hilfe von Responsext- und ResponsexML-Eigenschaften erläutert. So lass uns anfangen!

AJAX - Server Responsext -Eigenschaft

Während des Umgangs mit einer asynchronen Anfrage der Wert der “ResponsextDie Eigenschaft umfasst die aktuelle Antwort des Servers, auch wenn sie nicht vollständig reagiert hat. Diese Eigenschaft gibt die Serverantwort als Zeichenfolge zurück.

Schauen Sie sich die Syntax der Responsext -Eigenschaft an:

dokumentieren.getElementById ("element_id").Innerhtml = xhttp.Responsext;

Hier das "ResponsextDie Eigenschaft gibt die Serverantwort im Zeichenfolgenformular zurück, die wir dann als Inhalt des angegebenen Elements festlegen werden.

Beispiel: Verwenden von AJAX - Server Responsext -Eigenschaft
In diesem Beispiel klickt der Benutzer auf die hinzugefügte “Taste”, Es wird die Serverantwort als Inhalt des durch das Tag definierten Containers festgelegt:

Das XMLHTTPREquest -Objekt

Inhalt ändern

In der Funktionsdefinition von LoadDoc () werden wir zunächst eine hinzufügen “xhttp”XmlHttprequest -Objekt:

Funktion loadDoc ()
const xhttp = new xmlhttprequest ();

Wenn das xhttp Das Objekt wird geladen, es wird die Antwortdaten im Container geschrieben:

xhttp.onload = function ()
dokumentieren.GetElementById ("Div1").Innerhtml =
Das.Responsext;

Der "xhttp”Xmlhttprequest -Objekt erhält das„ Beispiel “.TXT ”-Datei aus dem Server, die die Antwortdaten umfasst:

xhttp.Öffnen ("Get", "Probe.txt");
xhttp.schicken();

Nach dem Speichern des bereitgestellten Code werden wir unsere ausführen. “meine Datei.html"Mit Hilfe der"Live -Server”Gegen Codeerweiterung:

Klicken Sie auf die “Inhalt ändernDie Schaltfläche wird wie folgt angezeigt:

AJAX - Server responsexml Eigenschaft

Wenn sich die Antwort des Servers im XML -Format befindet und Sie als XML -Objekt analysieren müssen, können Sie die „verwenden“ die “verwenden"responsexml" Eigentum.

Schauen Sie sich die Syntax der “an"responsexml" Eigentum:

var data = xmlhttprequest.responsexml;

Hier das "DatenDas Objekt speichert die Serverantwort.

Beispiel: Verwenden von AJAX - Server responsexml Eigenschaft
In unserer HTML -Datei werden wir mit dem eine Überschrift hinzufügen

Tag und ein Absatzelement mit Hilfe von “

Das XMLHTTPREquest -Objekt

Als nächstes werden wir den untergegebenen Code in die “hinzufügenProjektdatei.JS"Für Anfragen des"CD.xml" Datei.

const xhttp = new xmlhttprequest ();
xhttp.onload = function ()
const xmldoc = dies.responsexml;

Unser "CD.xmlDie Datei sieht so aus:

Nach dem Abrufen der angeforderten Daten mithilfe der “responsexml”Eigenschaft, die Serverantwort wird analysiert und ihre untergeordneten Knotenwerte werden unter Verwendung des unten geschriebenen Codes abgerufen:

const x = xmldoc.GetElementsByTagName ("Künstler");
sei txt = "";
für (lass i = 0; i < x.length; i++)
txt = txt + x [i].Childnodes [0].NodeValue + "
";

Zuletzt werden die analysierten Daten als Inhalt der "angezeigt" angezeigtAbsatz" Element:

dokumentieren.GetelementById ("Demo").Innerhtml = txt;

xhttp.Offen ("get", "CD.xml ");
xhttp.schicken();

Die übergegebene Ausgabe bedeutet, dass wir die Serverantwort erfolgreich mit der „Verwendung der“ erfolgreich abgerufen habenresponsexml" Eigentum.

Abschluss

Mithilfe von ResponText- und ResponsexML-Eigenschaften können Sie eine Anforderungsantwort eines AJAX-Servers verarbeiten. Die RePECTXML -Eigenschaft ruft die Serverantwort in XML ab, während der Antwortext verwendet wird, um die Serverantwort im String -Format zu erhalten. In diesem Artikel wurde das Verfahren zur Behandlung von AJAX-Server-Antwort mit Hilfe von Responsext- und ResponsexML-Eigenschaften erläutert.