Der Begriff Ajax wird oft verwendet, aber kennt auch jeder die Funktionsweise und das Konzept von Ajax?

Was ist Ajax

Der Begriff Ajax bedeutet Asynchronous JavaScript and XML. Asynchron bedeutet, dass ein Request vom Client aus über Javascript an den Webserver gesendet wird, ohne dabei einen Neuaufruf (Reload) der Seite vorzunehmen. Die Darstellung im Webbrowser bleibt somit erhalten und im Hintergrund wird ein Nachladen von Daten durchgeführt. In der Praxis wird meistens nur ein Teil des angezeigten Inhaltes / Webseite ausgetauscht. Die vom Webserver bereitgestellten Daten werden im XML- oder JSON Format zurückgeliefert. Hier kommt somit der Begriff „and XML“ zur Anwendung.

Funktionsweise von Ajax

1. Clientseitiges Ereignis (Button Click Event)
2. Clientseitiger Aufruf (XML HttpRequest) erstellen und konfigurieren inklusive Zuweisung einer Callback Funktion
3. Asynchrones Versenden des Request –Objektes an den angegeben Server (URL)
4. Der Server liefert eine Antwort (Response) in Form eines XML- bzw. JSON Objektes
5. Die im Clientaufruf angegebene Callback Funktion wird aufgerufen
6. Innerhalb der Callback Funkion werden dann die gewünschten Veränderungen im DOM Modell vorgenommen.