AJAX - XMLHttpRequest-Objekt

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

XMLHttpRequest-Objekt

alle modernen Browser (Chrome, Firefox, IE7 +alle modernen Browser (Chrome, Firefox, IE

XMLHttpRequest ermöglicht die asynchrone Aktualisierung der Webseite durch den Austausch von Daten mit dem hinteren Webserver.

Sie können Daten aus einer URL abrufen, ohne die gesamte Seite neu laden zu müssen.

das ermöglicht es der Webseite, einen Teil der Seite zu aktualisieren, ohne die Benutzeroperationen zu unterbrechen.

Erstellen Sie ein XMLHttpRequest-Objekt

Bevor AJAX-Kommunikation zwischen Client und Server ausgeführt wird, ist es zunächst erforderlich, ein XMLHttpRequest-Objekt zu instanziieren, wie folgt:

Syntax:

var request = new XMLHttpRequest();

var httpRequest = new XMLHttpRequest();

Cross-Domain XMLHttpRequest

Aus Sicherheitsgründen erlauben moderne Browser keine Cross-Domain-Abfragen.

das bedeutet, dass sowohl die Webseite als auch die angeforderten Dateien, die geladen werden sollen, auf demselben Server liegen müssen.

w3Beispiele auf codebox.com haben offene Dateien, die sich in w3alle offenen Anfrage-Dateien im Domaincodebox.com.

Wenn Sie das obige Beispiel auf einer Ihrer eigenen Webseiten verwenden möchten, muss die angeforderte Datei auf Ihrem eigenen Server liegen.

ältere Browser (geeignet für IE 6und frühere Versionen)

Alte Versionen von Internet Explorer (6und frühere Versionen verwenden ActiveX-Objekte anstatt XMLHttpRequest-Objekte.

Syntax:

var request = new ActiveXObject("Microsoft.XMLHTTP");

Um IE6und frühere Versionen, überprüfen Sie, ob der Browser die XMLHttpRequest-Objekt unterstützt, andernfalls erstellen Sie ein ActiveX-Objekt:

var httpRequest;
if (window.XMLHttpRequest) {
　　　　//　derzeit dominierende Browser (Chrome, Mozilla, Safari, IE7+, ...)
　　　　httpRequest = new XMLHttpRequest();
else if (window.ActiveXObject) {
　　　　//　<=　IE　6　oder frühere IE-Versionen
　　　　httpRequest　=　new　ActiveXObject("Microsoft.XMLHTTP");
}

XMLHttpRequest-Objekteigenschaften

Die folgende Tabelle listet alle Eigenschaften des XMLHttpRequest-Objekts auf：

XMLHttpRequest-Objektmethoden

Die folgende Tabelle listet alle Methoden des XMLHttpRequest-Objekts auf：