JavaScript Fetch-API
Met de Fetch API-interface kan de webbrowser HTTP-verzoeken doen aan webservers.
😀 XMLHttpRequest is niet meer nodig.
Browserondersteuning
De getallen in de tabel geven de eerste browserversies aan die Fetch API volledig ondersteunen:
Chrome 42 | Edge 14 | Firefox 40 | Safari 10.1 | Opera 29 |
Apr 2015 | Aug 2016 | Aug 2015 | Mar 2017 | Apr 2015 |
Een Fetch API-voorbeeld
Het onderstaande voorbeeld haalt een bestand op en geeft de inhoud weer:
Voorbeeld
fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));
Omdat Fetch is gebaseerd op async en wait, is het bovenstaande voorbeeld misschien gemakkelijker te begrijpen als volgt:
Voorbeeld
async function getText(file) {
let x = await fetch(file);
let y = await x.text();
myDisplay(y);
}
Of nog beter: gebruik begrijpelijke namen in plaats van x en y:
Voorbeeld
async function getText(file) {
let myObject = await fetch(file);
let myText = await myObject.text();
myDisplay(myText);
}