API Fetch JavaScript

L'interfaccia Fetch API permette ai browser web di inviare richieste HTTP ai server web.

Non è più necessario XMLHttpRequest.

Supporto del browser

Tabella delle versioni di browser che supportano completamente Fetch API:

Chrome	IE	Firefox	Safari	Opera
Chrome 42	Edge 14	Firefox 40	Safari 10.1	Opera 29
Giugno 2011	Agosto 2016	Agosto 2015	Marzo 2017	Aprile 2015

Esempio di recupero del file e visualizzazione del contenuto:

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:

async function getText(file) {
  let x = await fetch(file);
  let y = await x.text();
  myDisplay(y);
}

Anche meglio: usa nomi comprensibili invece di x e y:

async function getText(file) {
  let myObject = await fetch(file);
  let myText = await myObject.text();
  myDisplay(myText);
}