2026 ke

AJAX fetch() API und PHP

AJAX (Asynchronous JavaScript and XML/JSON): Datenteile vom Server asynchron laden, ohne die ganze Webseite neu zu laden. Dies wird meist mit Hilfe der in aktuellen Browsern nativen Fetch-API implementiert. Stichworte:

  • AJAX
  • fetch() API
  • Promises
  • fetch request
  • API call
  • HTTP browser request

Siehe: Mozilla, Fetch-API

Wozu AJAX?

AJAX ist eine Webseiten-Technik, die es erlaubt, Ausschnitte einer bereits im Browser angezeigten Seite nachzuladen, ohne dass die ganze Seite neu geladen werden muss.

Die nachzuladenden Inhalte werden mittels JavaScript - das im Browser läuft - vom Server abgerufen. Im folgenden Beispiel wird browser-seitig die JavaScript API fetch() benutzt.

Beispiel, simpler AJAX fetch() request:

/* javascript */
fetch("/api/data")
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(err => console.error(err));

Live Beispiel

Dieses Beispiel zeigt die Serverzeit und Zufallswerte an. Der zu ladende Inhalt (Serverzeit und Random-Werte) wird server-seitig mit einem minimalen PHP-Skript erzeugt und im Sekundentakt von der aufrufenden Seite angezeigt.

Diese Software ist frei und quell-offen.