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-Unterstützung

fetch() Es ist eine ECMAScript6 (ES6)-Funktion.

Alle modernen Browser unterstützen ES6 (JavaScript 2015).

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ja Ja Ja Ja Ja

Internet Explorer 11 (und frühere Versionen) unterstützt dies nicht fetch().