AJAX und das Web 2 0 - JavaScript: Die Universelle Sprache zur Web-Programmierung - page 301

HInWEIS: Aktuell verschwindet der Begrif AJAX aus den Medien und der
öfentlichen Wahrnehmung. Ist damit die Welle vorbei? Im Gegenteil! AJAX ist so
etabliert, dass es einfach selbstverständlich in Webseiten benutzt wird. Obwohl
der Begrif nicht mehr so im Fokus steht, ist die Technik unverzichtbar geworden!

■ ■ 10.4■Der grundsätzliche Ablauf einer

AJAX-Anfrage und das XMLHttprequest-
Objekt (XHr)

Wenn Sie AJAX einsetzen, wollen Sie in jedem Fall einen Teil einer bereits geladenen Web-
seite austauschen oder dort Daten ergänzen, ohne die gesamte Webseite wieder neu zu
laden. Dies bedeutet, Sie fordern nicht auf konventionelle Weise über den Browser Daten
vom Server neu an, sondern Sie kommunizieren quasi am Browser vorbei mit dem Server.
Dies hat die Konsequenz, dass die bereits geladene Webseite im Browser erhalten bleibt und
die Antwort des Servers mit DHTML-Mitteln in die Webseite eingefügt wird. Sie werden
eine hohe Ähnlichkeit zu den Verfahren erkennen, bei denen wir versteckte IFrames als
Datenspeicher verwendet haben.

10.4.1■Der grundsätzliche Ablauf

Der grundsätzliche Ablauf einer AJAX-Anfrage folgt dabei in der Regel immer dem gleichen
Schema:
1. Zuerst wird ein Objekt erzeugt, über das die Kommunikation am Browser vorbei mit dem
Server erfolgen wird, in der Regel asynchron zur eigentlichen bewussten Kommunika-
tion des Anwenders mit dem Server. Dieses neue Kommunikationsobjekt ist eine Erwei-
terung des Objektmodells von JavaScript.
2. Eine Callback-Funktion wird bei diesem Kommunikationsobjekt über einen Eventhand-
ler als Funktionsreferenz registriert oder eine anonyme Funktion wird notiert. Diese
Funktion wird dann bei jeder Zustandsänderung der Transaktion aufgerufen. Die ange-
gebene Funktion wird nach der Registrierung für jede Statusänderung des Kommunika-
tionsobjekts aufgerufen. Eine Eigenschat des Kommunikationsobjekts gibt dabei Auf-
schluss über den aktuellen Status der Transaktion beim Aufruf dieser Callback-Funktion.
So lassen sich einzelne Phasen der Datenübertragung unterscheiden.
3. Die Verbindung wird geöfnet. Das ist aber noch nicht die konkrete Anfrage. Deshalb ist
es auch unerheblich, ob Schritt 2 und 3 vertauscht werden.
4. Die Anfrage wird abgeschickt und die AJAX-Applikation wartet auf die Antwort vom
Webserver.
5. Die Antwort des Webservers wird im Browser verwertet. Um eine vollständige Antwort zu
erkennen, kann die Statusänderung des Kommunikationsobjekts explizit genutzt werden.