API Fetch JavaScript
L'interface Fetch API permet aux navigateurs web d'effectuer des requêtes HTTP vers des serveurs web.
😀 Plus besoin de XMLHttpRequest.
Support des Navigateurs
fetch() est une fonctionnalité ES6 .
ES6 est entièrement pris en charge dans tous les navigateurs modernes depuis juin 2017 :
| Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
| Mai 2016 | Avr 2017 | Juin 2017 | Sep 2016 | Juin 2016 |
Un Exemple d'API Fetch
L'exemple ci-dessous récupère un fichier et affiche son contenu :
Exemple
fetch(file)
.then(x => x.text())
.then(y => myDisplay(y)); Comme Fetch est basé sur async et await, l'exemple ci-dessus pourrait être plus facile à comprendre de cette manière :
Exemple
async function getText(file) {
let x = await fetch(file);
let y = await x.text();
myDisplay(y);
} Ou encore mieux : utilisez des noms compréhensibles au lieu de x et y :
Exemple
async function getText(file) {
let myObject = await fetch(file);
let myText = await myObject.text();
myDisplay(myText);
}