Ajax mit Xajax – Teil 1

Ajax (Asynchronous Javascript and XML) ist definitiv ein Hype. Also ist es längst einmal an der Zeit sich anzuschauen was Ajax überhaupt ist und am Beispiel eines Frameworks (xajax) anzuschauen wie man das ganze umsetzen kann.

Was ist Ajax?

Um zu verstehen was Ajax ist und wie Ajax funktioniert, muss man erstmal wissen wie Webseiten im Netz übertragen werden. Schaut man sich im WWW eine Internetseite an, so passiert in der Kurzform folgendes: Der Browser baut eine Verbindung zum Server auf, über das HTTP-Protokoll fragt der Browser nach der entsprechenden Seite und der Server gibt den Inhalt der Seite zurück. Danach wird die Verbindung wieder getrennt. Dies passiert bei jedem Klick auf einen Link.

Das neue bei der Nutzung von Ajax ist nun, dass die Seite(n) nicht jedesmal komplett neugeladen werden müssen. Stattdessen werden mittels Javascript nur die Daten angefordert, die für die neue Seite nötig sind und anschließend wiederum mit Javascript (DOM) in die bestehende Seite entsprechend eingefügt.

Vor- und Nachteile von Ajax

Die Vorteile bei der Benutzung von Ajax scheinen offensichtlich zu sein: Die zu übertragenden Daten sind weitaus geringer – Traffic wird gespart. Weiterhin bietet das gleichzeitige senden, empfangen und manipulieren von Daten eine von normalen Anwendungen gewohnte Umgebung.

Natürlich gibt es auch Nachteile. Der Browser muss Javascript unterstützen und Javascript muss auch aktiviert sein. Ausserdem ist das Umsetzen einer Webseite mit Ajax zunächst umständlich – diverse Frameworks sollen dabei helfen. Auch Suchmaschinen können mit Javascript und somit auch mit Ajax nicht viel anfangen.

Weiteres zu Vor- und Nachteilen bei Wikipedia

Insgesamt sollte die Ajax-Technik also nur sparsam und an der richtigen Stelle eingesetzt werden.

Xajax

Xajax ist eine Klassenbibliothek für PHP, die es ermöglicht einfach Ajax zu nutzen ohne sich großartig mit Javascript und XML zu beschäftigen. Für einfache Anwendungen braucht man praktisch nicht eine Zeile Javascript zu schreiben.

Auf Entwicklerseite werden die nötigen Funktionen in PHP geschrieben. Xajax generiert anschließend die nötigen Wrapper-Funktionen in Javascript und kümmert sich darum, dass beim Aufruf der entsprechenden JavaScript-Funktion die zugehörige PHP-Funktion aufgerufen wird.

Wie geht’s weiter?

In Teil 2 wird es dann auch ein wenig Quelltext zu sehen geben. Denn dann möchte ich ein paar Beispiele zeigen, wie man mit xajax arbeitet. Wer nicht warten kann, der kann sich auf der Xajax-Homepage das Tutorial “Learn xajax in 10 Minutes” anschauen.