Verwenden Sie eine Webapplikation? Dann wird Ihnen sicher aufgefallen sein, dass nicht bei jeder Ihrer Klicks die gesamte Seite neu lädt. Eine Technik namens «AJAX» ermöglicht es, nur Teile einer Seite zu aktualisieren. Ich möchte in diesem Artikel erläutern, was AJAX genau ist und wie Sie es mit dem JavaScript-Paket «jQuery» verwenden können.

AJAX ist ein Begriff, der verschiedene Techniken zusammenfasst. Techniken, um bestimmte Inhalte per JavaScript zum Client zu übertragen. Statische Bereiche der Website, die immer gleich bleiben, müssen so nicht bei jedem Klick neu geladen werden. Es verändert sich nur der Inhalt oder ein anderer gewünschter Teil der Website.

Es gibt verschiedene Formate, in welchen Daten per AJAX übertragen werden.

• REST – Daten werden über HTTP übertragen (zum Beispiel GET)
• XML – Daten werden im XML-Format übertragen
• JSON – Daten werden im JavaScript-Optimierten JSON-Datenformat übertragen

Wie kann ich AJAX auf meiner Website verwenden?

Da sich AJAX bereits etabliert hat, verzichte ich hier auf einen eigenen Codeschnipsel. Aktuelle JavaScript-Pakete wie zum Beispiel «jQuery» oder «mootools» enthalten bereits reife und fehlerfreie Funktionen für die verwendung von AJAX.

• Laden Sie sich das JavaScript-Paket «jQuery» von der offiziellen Website herunter.
  • Download-Link
• Entscheiden Sie sich für eine Übertragungsmethode (siehe Liste oben).
• Verwenden Sie in Ihrem JavaScript eine der AJAX-Funktionen von jQuery.
• AJAX-Funktionen von jQuery im Überblick

Entstehungsgeschichte von AJAX

Als JavaScript geschaffen wurde, dachte man nicht, dass das Internet je so dynamisch würde. Kein Wunder: Damals gab es ja nur statische HTML-Seiten. Aber der Trend hat sich geändert. Mehr denn je boomen Web-Applikationen. Das stetige neuladen der Website, oder besser der Webapplikation, ist sehr hinderlich am effizienten Arbeiten.

Also schufen verschiedene Browserhersteller eigene Techniken, welche es uns heute erlauben, per JavaScript neue Inhalte zu laden. Darunter gibt es die Techniken «XMLHttpRequest» oder «ActiveX» von Microsoft. Diese wurden unter dem Namen AJAX zusammengefasst.