Interactive Studio

Know How

Know How

Fetch-API

Die Fetch-API ist eine moderne Technik, die in fast allen aktuellen Webbrowsern genutzt wird, um Daten von einem Server abzurufen oder an diesen zu senden. Sie ermöglicht es Websites und Webanwendungen, mit Servern zu kommunizieren und Informationen in Echtzeit auszutauschen.

Was macht die Fetch-API?

Mit der Fetch-API kann eine Digitalagentur Websites und Apps interaktiv gestalten, indem sie sie in Echtzeit mit Servern kommunizieren lässt. Egal ob für Wetterdaten, Verkaufsstatistiken oder Nachrichten: Die Fetch-API schickt dafür Anfragen an einen Server und erhält Antworten. Wenn bspw. jemand erfahren möchte, wie das Wetter morgen wird, sendet die Fetch-API eine Anfrage an einen Wetterdienst-Server, der dem anfragenden Server mit der Übermittlung der gewünschten Wetterdaten antwortet.

Warum ist die Fetch-API besser als ältere Methoden?

Vor der Fetch-API haben Full-Stack-Webentwickler häufig XMLHttpRequest (XHR) genutzt, um Daten zwischen Client und Server auszutauschen. Aber XHR war kompliziert und führte oft zu unübersichtlichem Code. Fetch ist im Vergleich viel einfacher und nutzt moderne JavaScript-Techniken wie Promises (Versprechen). Diese helfen innerhalb der professionellen Webentwicklung, den Code wesentlich klarer und auch leichter wartbar zu machen. Anstatt in komplexen Callback-Hierarchien zu versinken, bleibt der Code sauber.

Beispiel aus der Praxis: E-Commerce

Die Fetch-API eignet sich besonders für dynamische Webanwendungen wie im E-Commerce. Wenn etwa ein Onlineshop in Echtzeit wissen möchte, wie viele Produkte an einem Tag verkauft wurden, kommt die Fetch-API ins Spiel: Sie fragt den Server nach diesen Verkaufsdaten, der Server sendet die Informationen zurück, und die Webseite bietet sofort die aktuellen Zahlen.

Begierde Wissen

insights

insights