—In letzter Zeit dringt Ajax immer weiter vor und die Fragen häufen sich im Forum nach ala "wie mach ich das". Deshalb möchte ich euch den Grundlegenden Ablauf einer Ajax-Anwendung hier verdeutlichen.

Dazu benutze ich Client seitig HTML5 und jQuery.
Server seitig setze ich auf PHP, hier ist es aber eigentlich egal was ihr nehmt. Ich habe schon ganze Systeme von PHP auf Python umgeschrieben und die Templates nur minimal verändert.
Grund dafür war unter anderem der Einsatz von Json zur Übertragung. Json ist ein kompaktes Dateiformat das zur Übertragung von Daten genutzt wird und in so gut wie jeder Programmier- oder Scriptsprache eingesetzt werden kann.


Graue Theorie

Die Frage die sich als erstes stellt: "Was ist Ajax, brauch ich das überhaupt?". Zum Verwendungszweck kann man sagen, dass es nicht unbedingt nötig ist. Allerdings sind Webseiten die Ajax benutzen in der Regel Benutzerfreundlicher und vor allem schneller.

Wenn man bei einer Webanwendung im klassischen Sinne, also ohne Ajax, eine Unterseite öffnet, wird ein Request an den Webserver gesendet. Dieser lieft einem dann die gesamte Website zurück, wobei jede Datei, z.B. ein Bild, extra angefordert wird. Jeder Content wird extra verarbeitet. Das öffnen eine Seite bedeutet also jede Menge Arbeit und Kommunikation für den Browser. Moderne Browser setzten auf aufwendige Caching Algorithmen um bereits bekannten Inhalt nicht noch einmal zu laden oder zu verwerten. Wenn eine Seite also einmal geladen wurde, dauert es in der Regel nicht mehr ganz so lange um weitere Unterseiten auf zu rufen, dennoch wird bei jedem Aufruf die gesamte Seite beim Server abgefragt.

An dieser Stelle setzt Ajax an.