Die Fetch-API ist eine moderne, leistungsstarke und flexible Funktion in JavaScript, die im Web zur Kommunikation mit Servern verwendet wird. Es ermöglicht es Ihnen, Ressourcen über HTTP (oder HTTPS) anzufordern, zu empfangen und zu versenden. Es bietet eine bessere Alternative zu den älteren und traditionelleren Methoden wie XMLHttpRequest.
Die Fetch-API ist in den meisten modernen Browsern eingebaut und ermöglicht es, asynchrone Anfragen zu stellen. Das bedeutet, dass Sie Daten von einem Server abrufen können, ohne die Seite neu laden zu müssen.
Die Fetch-API verwendet Promises, die es einfacher machen, asynchrone Operationen zu verwalten, insbesondere wenn es um mehrere asynchrone Operationen geht. Sie können zum Beispiel eine Anfrage an einen Server senden (das ist die erste asynchrone Operation), dann auf die Antwort warten (die zweite asynchrone Operation) und schließlich die Antwort verarbeiten (die dritte asynchrone Operation). Mit Promises können Sie diese Operationen auf eine Weise organisieren, die leicht zu verstehen und zu handhaben ist.
Ein Beispiel für die Verwendung der Fetch-API könnte so aussehen:
```
fetch(‘https://api.example.com/data’, { method: ‘GET’ })
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(‘Error:’, error));
```
In diesem Beispiel sendet die `fetch`-Funktion eine GET-Anfrage an die angegebene URL und gibt ein Promise zurück. Wenn die Antwort erfolgreich ist, wird sie mit `response.json()` in ein JavaScript-Objekt umgewandelt. Dann wird das erhaltenen Daten in der Konsole ausgegeben. Im Falle eines Fehlers wird dieser abgefangen und in der Konsole ausgegeben.
