AJAX

AJAX (Asynchronous JavaScript and XML) bezeichnet die Technik, im Browser per JavaScript Daten im Hintergrund nachzuladen, ohne die gesamte Seite neu laden zu müssen.

Kurz erklärt

Vor AJAX erforderte praktisch jede Interaktion mit einer Website - ein Klick, ein Formular - ein komplettes Neuladen der Seite, da der Browser die gesamte HTML-Antwort neu vom Server anfordern musste. AJAX ermöglicht es JavaScript, im Hintergrund eigenständig Anfragen an einen Server zu senden und die Antwort zu verarbeiten, während der Nutzer weiter mit der bereits geladenen Seite interagiert. Der Name stammt aus der Anfangszeit der Technik, in der XML das gängige Datenformat für solche Anfragen war - heute wird dafür überwiegend JSON verwendet.

Beispiel

Ein Suchfeld zeigt Vorschläge an, während der Nutzer tippt: Bei jedem Tastendruck sendet JavaScript im Hintergrund eine Anfrage an den Server und aktualisiert nur den Vorschlagsbereich der Seite - ohne dass die komplette Seite neu geladen wird.

Warum ist das relevant?

AJAX war ein entscheidender Wegbereiter für die heutigen interaktiven Webanwendungen: Erst durch das Nachladen einzelner Daten statt kompletter Seiten wurden Anwendungen möglich, die sich ähnlich reaktionsschnell wie native Desktop-Programme anfühlen. Praktisch jede moderne Single-Page-Application baut auf diesem Grundprinzip auf, auch wenn heute meist modernere APIs statt der ursprünglichen XMLHttpRequest-Technik verwendet werden.

Häufige Missverständnisse

AJAX erfordert trotz des Namens kein XML - der Name ist historisch bedingt, in der Praxis wird heute fast ausschließlich JSON als Datenformat verwendet. Auch ist AJAX keine eigenständige Technologie oder API, sondern ein Sammelbegriff für ein Vorgehensmuster, das auf bestehenden Webtechnologien wie JavaScript und dem XMLHttpRequest-Objekt (oder heute häufiger der Fetch-API) aufbaut.

Weiterführende Inhalte