JavaScript Haal API
Die Fetch API-koppelvlak laat webblaaier toe om HTTP-versoeke aan webbedieners te rig.
😀 Geen behoefte vir XMLHttpRequest meer nie.
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawes wat Fetch API ten volle ondersteun:
| Chrome 42 | Edge 14 | Firefox 40 | Safari 10.1 | Opera 29 |
| Apr 2015 | Aug 2016 | Aug 2015 | Mar 2017 | Apr 2015 |
'n Haal API Voorbeeld
Die voorbeeld hieronder haal 'n lêer en vertoon die inhoud:
Voorbeeld
fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));
Aangesien Fetch op async en wag gebaseer is, kan die voorbeeld hierbo dalk makliker wees om so te verstaan:
Voorbeeld
async function getText(file) {
let x = await fetch(file);
let y = await x.text();
myDisplay(y);
}
Of selfs beter: Gebruik verstaanbare name in plaas van x en y:
Voorbeeld
async function getText(file) {
let myObject = await fetch(file);
let myText = await myObject.text();
myDisplay(myText);
}