API de récupération JavaScript
L'interface Fetch API permet au navigateur Web de faire des requêtes HTTP aux serveurs Web.
😀 Plus besoin de XMLHttpRequest.
Prise en charge du navigateur
Les chiffres du tableau indiquent les premières versions de navigateur qui prennent entièrement en charge l'API Fetch :
Chrome 42 | Edge 14 | Firefox 40 | Safari 10.1 | Opera 29 |
Apr 2015 | Aug 2016 | Aug 2015 | Mar 2017 | Apr 2015 |
Un exemple d'API de récupération
L'exemple ci-dessous récupère un fichier et affiche le contenu :
Exemple
fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));
Étant donné que Fetch est basé sur async et await, l'exemple ci-dessus pourrait être plus facile à comprendre comme ceci :
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);
}