API de recuperación de JavaScript
La interfaz Fetch API permite que el navegador web realice solicitudes HTTP a los servidores web.
😀 Ya no es necesario XMLHttpRequest.
Compatibilidad con navegador
Los números de la tabla especifican las primeras versiones del navegador que son totalmente compatibles con Fetch API:
Chrome 42 | Edge 14 | Firefox 40 | Safari 10.1 | Opera 29 |
Apr 2015 | Aug 2016 | Aug 2015 | Mar 2017 | Apr 2015 |
Un ejemplo de API de recuperación
El siguiente ejemplo obtiene un archivo y muestra el contenido:
Ejemplo
fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));
Dado que Fetch se basa en async y await, el ejemplo anterior podría ser más fácil de entender así:
Ejemplo
async function getText(file) {
let x = await fetch(file);
let y = await x.text();
myDisplay(y);
}
O incluso mejor: use nombres comprensibles en lugar de x e y:
Ejemplo
async function getText(file) {
let myObject = await fetch(file);
let myText = await myObject.text();
myDisplay(myText);
}