API Fetch de JavaScript

Definición y uso

fetch() El método inicia el proceso de obtener recursos del servidor.

fetch() El método devuelve una Promise que se解析为 Response 对象。

Consejo:Ya no se necesita XMLHttpRequest.

Ejemplo

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

Prueba personalmente

Fetch se basa en async y await. Este ejemplo puede ser más fácil de entender:

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

Prueba personalmente

Usar nombres fáciles de entender en lugar de x e y:

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

Prueba personalmente

Sintaxis

fetch(file)

Parámetros

Parámetros Descripción
file Opcional. El nombre del recurso que se desea obtener.

Valor de retorno

Tipo Descripción
Promise Se解析为 Response 对象的 Promise。

Soporte del navegador

fetch() Es una característica de ECMAScript6 (ES6).

Todos los navegadores modernos admiten ES6 (JavaScript 2015).

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Sí Sí Sí Sí Sí

Internet Explorer 11 (y versiones anteriores) no es compatible fetch().