Die Fetch API ist die eingebaute Schnittstelle, mit der JavaScript Daten vom Server holt.
- Fetch API
Eingebaute Schnittstelle, mit der JavaScript Anfragen an einen Server stellt.
Beispiel: „Ein fetch gibt ein Promise zurück, kein fertiges Ergebnis.“
Die wichtigste Besonderheit
const antwort = await fetch('/api/kontakt', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ name, mail }),
});
if (!antwort.ok) throw new Error(`HTTP ${antwort.status}`);Ein Statuscode 404 oder 500 gilt nicht als Fehler; das Promise wird erfüllt. Nur wenn die Anfrage gar nicht zustande kommt, wird es abgelehnt. Deshalb gehört die Prüfung auf ok in jede Abfrage. Das ist die häufigste Stolperstelle.
Abbrechen
Mit einem Abbruchsignal lässt sich eine laufende Anfrage beenden, etwa wenn der Nutzer weitertippt und die vorige Suche nicht mehr gebraucht wird.