JavaScript Fetch API

Fetch API-grensesnittet tillater nettlesere å sende HTTP-forespørsler til webtjenere.

Det er ikke nødvendig med XMLHttpRequest lenger.

Nettleserstøtte

Tabellen tal viser den første versjonen av nettleseren som fullt ut støtter Fetch API:

Chrome IE Firefox Safari Opera
Chrome 42 Edge 14 Firefox 40 Safari 10.1 Opera 29
Juni 2011 August 2016 August 2015 Marts 2017 April 2015

Fetch API-eksempel

Følgende eksempel henter filen og viser indholdet:

Eksempel

fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));

Prøv det selv

Siden Fetch er baseret på async og await, kan det ovenstående eksempel måske være lettere at forstå:

Eksempel

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

Prøv det selv

Selvom det kan være bedre: Brug forståelige navne i stedet for x og y:

Eksempel

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

Prøv det selv