API Fetch JavaScript

La interfaz Fetch API permite que los navegadores web envíen solicitudes HTTP a los servidores web.

Ya no se necesita XMLHttpRequest.

Compatibilidad del navegador

La tabla de números indica la primera versión del navegador que admite completamente Fetch API:

Chrome IE Firefox Safari Opera
Chrome 42 Edge 14 Firefox 40 Safari 10.1 Opera 29
Junio de 2011 Agosto de 2016 Agosto de 2015 Marzo de 2017 Abril de 2015

Ejemplo de Fetch API

El siguiente ejemplo obtiene un archivo y muestra su contenido:

Ejemplo

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

Prueba personalmente

Dado que Fetch se basa en async y await, el ejemplo anterior puede ser más fácil de entender de esta manera:

Ejemplo

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

Prueba personalmente

Incluso puede ser mejor: utilice nombres fáciles de entender en lugar de x e y:

Ejemplo

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

Prueba personalmente