Hinter AJAX verbirgt sich ein neuartiger Ansatz für Webanwendungen. Dieses Konzept wurde von Jesse James Garrett von Adaptive Path am 18.02.2005 veröffentlicht.(Quelle, vgl. http://www.distinguish.de/?page_id=46)

Was heißt AJAX?

AJAX steht für “Asynchronous JavaScript And XML”.

(Quelle, vgl. http://www.distinguish.de/?page_id=46)

Was macht AJAX aus?

Es besteht aus mehreren Technologien:

• „standardgerechte Präsentation mit XHTML und CSS

• dynamische Anzeigen und Interaktivität mittels des Document Object Models (DOM)

• Datenaustausch und -manipulation mit XML und XSLT

• asynchrone Datenabfrage unter Verwendung von XMLHttpRequest

• und schließlich JavaScript, das all dies zusammenbringt“ (Zitat, http://www.distinguish.de/?page_id=46)

Wie funktioniert AJAX?

Normale Webanwendungen lösen einen http-Request zum Webserver aus. Dieser führt dann Prozesse aus (Berechnungen durchführen, Daten sammeln, …) und liefert den Client eine Website. Das Problem bei diesen klassischen Modell ist die Wartezeit während der Server arbeitet (und nicht nur beim ersten laden der Website, sondern beim jedem weiteren Klick). Es stellt sich nun die Frage warum soll der User etwas von der Kommunikation (Webclient/Server) mitbekommen?

(Quelle, vgl. http://www.distinguish.de/?page_id=46)

Abbildung 1: Das traditionelle Modell für Web-Anwendungen (links) im Vergleich zum Ajax-Modell (rechts) (Quelle,vgl.http://www.adaptivepath.com/ideas/essays/archives/000385.php)

Die übliche „start-stop-start-stop“-Methode bei der Kommunikation zwischen Client und Server wird durch eine AJAX-Anwendung eliminiert. Sie schaltet sich Intermediär zwischen Server und Client. Viele werden jetzt sagen das zuschalten einer zusätzlichen Ebene verlangsamt die Anwendung, ganz im Gegenteil statt am Beginn der Session die Website zu laden wird die AJAX-Engine geladen (geschrieben in JavaScript). Mit Hilfe der Engine wird das Interface dargestellt und die Kommunikation mit dem Server abgewickelt. Die Interaktion des Users läuft asynchron von der Kommunikation mit dem Server. Dadurch muss der User nie mehr auf ein leeres Fenster starren. Um diesen komplexen Vorgang besser zu verstehen habe ich folgende Grafiken eingefügt. (Quelle, vgl. http://www.distinguish.de/?page_id=46)

Abbildung 2: Das synchrone Interaktionsmuster einer traditionellen Web-Anwendung (oben) im Vergleich zum asynchronen Muster einer Ajax-Anwendung (unten) (Quelle, vgl. http://www.adaptivepath.com/ideas/essays/archives/000385.php)

Jeder HTTP-Request, stellt jetzt einen JavaScript-Aufruf an die Ajax-Engine dar. Wenn eine Reaktion auf eine Eingabe des Benutzers keine Anfrage an den Server erfordert (einfache Navigation, Datenbearbeitung im Speicher, …), dann bearbeitet die Engine die Anfrage selbst. Sollte die Benutzeraktion jedoch eine Serverabfrage erfordern (Weiterverarbeitung von Daten, abfragen aktualisierter Daten, …) dann erfolgt dies asynchron mittels XML, ohne das der User etwas von der Kommunikation des Clients mitbekommt. (Quelle, vgl.http://www.distinguish.de/?page_id=46)

Eine kleine Sammlung von AJAX-Anwendungen:

• Orkut

• Google Mail

• Google Groups

• Google Suggest

• Google Maps

• flickr (einige Features basieren auf AJAX)

• Ajaxwrite (Textverarbeitung)

• www.numbler.com (Tabellenkalkulation)

• www.gliffy.com (Zeichenprogramm)

• www.eyespot.com (virtueller Videoschnittplatz)

 
Der neue Internet Explorer 8 wird auch auf die AJAX-Objektverwaltung setzen, weil sie interaktive Anwendung des Web 2.0 ermöglicht.(Quelle, vgl. http://www.chip.de/news/Internet-Explorer-8.0-Erste-Funktionen-enthuellt_25751671.html)

Weitere Infos zum Thema AJAX finden sie unter http://www.drweb.de/programmierung/ajax-tutorials.shtml .

Warum ist AJAX eine Web 2.0 Anwendung?:

AJAX ermöglicht dem Web 2.0 barrierefreies surfen. Durch diese Anwendung können alle Menschen unabhängig von ihren technischen Möglichkeit mit einander kommunizieren und auch Anwendung verwenden die sie Vor Web 2.0 nicht verwenden konnten. Dies fördert die Interaktivität und ist im Sinne des Web 2.0 „Weg vom passivem Surfen“.