JavaScript Fetch API

Definitie en gebruik

fetch() De methode start het proces van het ophalen van de bron van de server.

fetch() De methode retourneert een Promise die omgezet wordt naar een Response-object.

Tip:XMLHttpRequest is niet meer nodig.

Voorbeeld

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

Probeer het zelf

Fetch is gebaseerd op async en await. Dit voorbeeld kan misschien beter begrepen worden:

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

Probeer het zelf

Gebruik begrijpelijke namen in plaats van x en y:

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

Probeer het zelf

Syntax

fetch(file)

Parameters

Parameters Beschrijving
file Optioneel. De naam van de te verkrijgen bron.

Retourwaarde

Type Beschrijving
Promise De Promise omgezet naar een Response-object.

Browser Support

fetch() It is an ECMAScript6 (ES6) feature.

All modern browsers support ES6 (JavaScript 2015).

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

Internet Explorer 11 (and earlier versions) does not support fetch().