JavaScript Fetch API

Fetch API 接口允许 Web 浏览器向 Web 服务器发出 HTTP 请求。

😀 不再需要 XMLHttpRequest 了。

浏览器支持

fetch() 是 ES6 特性。

自 2017 年 6 月起，所有现代浏览器均已完全支持 ES6。


Chrome 51	Edge 15	Firefox 54	Safari 10	Opera 38
2016年5月	2017年4月	2017年6月	2016年9月	2016年6月

以下示例获取一个文件并显示其内容:

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