API Fetch JavaScript

L'interface Fetch API permet aux navigateurs Web d'envoyer des requêtes HTTP aux serveurs Web.

Il n'est plus nécessaire de XMLHttpRequest.

Prise en charge du navigateur

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge pleinement Fetch API :

Chrome IE Firefox Safari Opera
Chrome 42 Edge 14 Firefox 40 Safari 10.1 Opera 29
Juin 2011 Août 2016 Août 2015 Mars 2017 Avril 2015

Exemple de l'API Fetch

L'exemple suivant récupère un fichier et affiche le contenu :

Exemple

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

Essayer par vous-même

Comme Fetch est basé sur async et await, l'exemple suivant peut être plus facile à comprendre :

Exemple

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

Essayer par vous-même

Mieux encore : utilisez des noms compréhensibles plutôt que x et y :

Exemple

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

Essayer par vous-même