JavaScript Fetch API

定义和用法

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 解析为 Response 对象的 Promise。

Browser Support

fetch() 是 ECMAScript6 (ES6) 特性。

所有现代浏览器都支持 ES6 (JavaScript 2015)。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

Internet Explorer 11（及更早版本）不支持 fetch()。