XMLHttpRequest

aus Wikipedia, der freien Enzyklopädie

Du hast neue Nachrichten auf deiner Diskussionsseite.

XMLHttpRequest ist eine API zum Transfer von beliebigen Daten über das Protokoll HTTP. Dabei können verschiedene Anfragemethoden (unter anderem GET, POST, HEAD, PUT) verwendet werden. Wenn eine Anfrage XML-Daten liefert, kann XMLHttpRequest diese alternativ als Plaintext oder als DOM-Baumstruktur zurücksenden. Letzteres eignet sich beispielsweise dazu, mit Web Services zu kommunizieren. XMLHttpRequest kann aus JavaScript, JScript und VBScript heraus verwendet werden und bildet einen Grundbestandteil der Ajax-Technik.

Die Schnittstellenbeschreibung des XMLHTTPRequest-Objekts gemäß dem W3C Standardisierungs-Vorschlag.

XMLHttpRequest ermöglicht einem Skript einer Webseite, Daten dynamisch vom Webserver abzurufen, ohne dass dazu die Seite neu geladen werden müsste. Dies war zuvor nur durch den Einsatz unsichtbarer Frames / IFrames oder mit On-Demand JavaScript^[1] möglich. Da XMLHttpRequest Anfragen asynchron verarbeiten kann, muss ein Script nicht warten, bis die Anfrage beantwortet ist, sondern kann solange andere Aufgaben abarbeiten.

[Bearbeiten] Geschichte

Die XMLHttpRequest-Technik wurde ursprünglich von Microsoft entwickelt und steht im Internet Explorer seit Version 5.0 als ActiveX-Objekt zur Verfügung. Populär wurde das XMLHttpRequest-Objekt durch den massiven Einsatz von Google in Web-Anwendungen wie GMail oder Google Maps. Unter anderem deswegen unterstützen mittlerweile alle wichtigen Browser diese API. Neben dem Internet Explorer ^[2] sind das Mozilla und alle anderen Gecko-Derivate (ab Version 1.0)^[3], Opera (ab Version 7.6 Beta) und Safari (ab Version 1.2) ^[4], Konqueror und alle anderen KHTML-Derivate.

Trotz der guten Verfügbarkeit der API in neueren Browsern wird an ihr auch Kritik geübt, da es schwierig ist, Webseiten, die XMLHttpRequest einsetzen, auch älteren Browsern in vollem Umfang zugänglich zu machen. Dies erklärt auch, warum XMLHttpRequest erst in neuerer Zeit vermehrt zum Einsatz kommt. Ein weiterer Kritikpunkt ist, dass sich Web-Anwendungen, die auf XMLHttpRequest setzen, nur schwer barrierefrei umsetzen lassen.

Wie aus den einzelnen Schnittstellenbeschreibungen der verschiedenen XMLHttpRequest-Implementierungen hervorgeht, sind diese nicht vollständig zueinander kompatibel. Aus diesem Grund wurde unlängst eine einheitliche Definition für das XMLHttpRequest-Objekt durch das W3C zur Standardisierung vorgeschlagen ^[5]. Eine zweite Spezifikation, die Domain-übergreifende Abfragen erlauben und damit über die bisherigen Implementierungen hinausgehen soll, ist beim W3C bereits in Arbeit ^[6].

[Bearbeiten] Codebeispiele (JavaScript)

Die folgende Anweisung instanziiert XMLHttpRequest im Internet Explorer 5 und 6:

var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

Mozilla, Opera, Safari, Konqueror und der Internet Explorer 7 verwenden die folgende Syntax, die über Umwege auch im Internet Explorer 5 (Windows) und 6 verwendet werden kann ^[7]:

var xmlHttp = new XMLHttpRequest();

Das folgende Beispiel ruft eine Ressource auf derselben Domain über XMLHttpRequest auf und gibt den Inhalt in einem Meldungsfenster aus:

var xmlHttp = null;
// Mozilla, Opera, Safari sowie Internet Explorer 7
if (typeof XMLHttpRequest != 'undefined') {
    xmlHttp = new XMLHttpRequest();
}
if (!xmlHttp) {
    // Internet Explorer 6 und älter
    try {
        xmlHttp  = new ActiveXObject("Msxml2.XMLHTTP");
    } catch(e) {
        try {
            xmlHttp  = new ActiveXObject("Microsoft.XMLHTTP");
        } catch(e) {
            xmlHttp  = null;
        }
    }
}
if (xmlHttp) {
    xmlHttp.open('GET', 'beispiel.xml', true);
    xmlHttp.onreadystatechange = function () {
        if (xmlHttp.readyState == 4) {
            alert(xmlHttp.responseText);
        }
    };
    xmlHttp.send(null);
}

Hinweis zur Nutzung: Der Aufruf von externen Ressourcen wird durch die Sicherheitsbeschränkungen aktueller Browser verhindert.