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对象。

Support du navigateur

fetch() C'est une caractéristique ECMAScript6 (ES6).

Tous les navigateurs modernes prennent en charge ES6 (JavaScript 2015).

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Oui Oui Oui Oui Oui

Internet Explorer 11 (et versions antérieures) ne prend pas en charge fetch().