JavaScript-Abruf-API
Die Fetch-API-Schnittstelle ermöglicht es dem Webbrowser, HTTP-Anforderungen an Webserver zu stellen.
😀 Keine Notwendigkeit mehr für XMLHttpRequest.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die ersten Browserversionen an, die die Fetch-API vollständig unterstützen:
Chrome 42 | Edge 14 | Firefox 40 | Safari 10.1 | Opera 29 |
Apr 2015 | Aug 2016 | Aug 2015 | Mar 2017 | Apr 2015 |
Ein Abruf-API-Beispiel
Das folgende Beispiel ruft eine Datei ab und zeigt den Inhalt an:
Beispiel
fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));
Da Fetch auf async und await basiert, ist das obige Beispiel möglicherweise einfacher zu verstehen:
Beispiel
async function getText(file) {
let x = await fetch(file);
let y = await x.text();
myDisplay(y);
}
Oder noch besser: Statt x und y verständliche Namen verwenden:
Beispiel
async function getText(file) {
let myObject = await fetch(file);
let myText = await myObject.text();
myDisplay(myText);
}