API Fetch JavaScript

定义和用法

fetch() 方法启动从服务器获取资源的过程。

fetch() 方法返回解析为Response对象的Promise。

提示:不再需要XMLHttpRequest。

实例

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

亲自试一试

Fetch是基于async和await的。这个例子可能更容易理解:

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

亲自试一试

使用易于理解的名称而不是x和y:

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

亲自试一试

语法

fetch(file)

参数

参数 描述
file 可选。要获取的资源名称。

返回值

类型 描述
Promise Promise解析为Response对象。

Suporte do navegador

fetch() É uma característica do ECMAScript6 (ES6).

Todos os navegadores modernos suportam ES6 (JavaScript 2015).

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Sim Sim Sim Sim Sim

O Internet Explorer 11 (e versões anteriores) não suporta fetch().