API di recupero JavaScript
L'interfaccia API Fetch consente al browser Web di effettuare richieste HTTP ai server Web.
😀 Non c'è più bisogno di XMLHttpRequest.
Supporto browser
I numeri nella tabella specificano le prime versioni del browser che supportano completamente l'API Fetch:
Chrome 42 | Edge 14 | Firefox 40 | Safari 10.1 | Opera 29 |
Apr 2015 | Aug 2016 | Aug 2015 | Mar 2017 | Apr 2015 |
Un esempio di API di recupero
L'esempio seguente recupera un file e ne mostra il contenuto:
Esempio
fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));
Poiché Fetch si basa su async e await, l'esempio sopra potrebbe essere più facile da capire in questo modo:
Esempio
async function getText(file) {
let x = await fetch(file);
let y = await x.text();
myDisplay(y);
}
O ancora meglio: usa nomi comprensibili invece di xey:
Esempio
async function getText(file) {
let myObject = await fetch(file);
let myText = await myObject.text();
myDisplay(myText);
}