JavaScript Fetch API
Fetch API 接口允许 Web 浏览器向 Web 服务器发出 HTTP 请求。
不再需要 XMLHttpRequest。
浏览器支持
表中的数字注明了完全支持 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); }