Web Fetch API

浏览器支持

表中的数字注明了完全支持 Fetch API 的首个浏览器版本：

Chrome	IE	Firefox	Safari	Opera
Chrome 42	Edge 14	Firefox 40	Safari 10.1	Opera 29
2011 年 6 月	2016 年 8 月	2015 年 8 月	2017 年 3 月	2015 年 4 月

Fetch API 实例

下面的例子获取文件并显示内容：

实例

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);
}

运行实例 »

点击 "运行实例" 按钮查看在线实例