JavaScript Fetch API

Fetch API-gränssnittet tillåter webbläsare att skicka HTTP-forespåringar till webbservern.

Det behövs inte längre XMLHttpRequest.

Webbläsarstöd

Tabellen siffror anger den första versionen av webbläsare som fullständigt stöder Fetch API:

Chrome IE Firefox Safari Opera
Chrome 42 Edge 14 Firefox 40 Safari 10.1 Opera 29
2011 juni 2016 augusti 2015 augusti 2017 mars 2015 april

Fetch API-exempel

Följande exempel hämtar en fil och visar innehållet:

Exempel

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

Prova själv

Eftersom Fetch är baserad på async och await, kan följande exempel vara lättare att förstå:

Exempel

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

Prova själv

Även bättre: Använd förståeliga namn istället för x och y:

Exempel

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

Prova själv