JavaScript 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);
}
自己动手试一试 »
描述
fetch() 方法开始从服务器获取资源的进程。
fetch() 方法返回一个 Promise，该 Promise 解析为一个 Response 对象。
😀 不再需要 XMLHttpRequest 了。
语法
fetch(file)
参数
| 参数 | 描述 |
| file | 可选。 要获取的资源的名称。 |
返回值
| 类型 | 描述 |
| Promise | 一个 Promise，它解析为 Response 对象。 |
浏览器支持
fetch() 是 ECMAScript6 (ES6) 的一项功能。
自 2017 年 6 月起，所有现代浏览器都支持 ES6 (JavaScript 2015)
| Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
| 2016 年 5 月 | 2017 年 4 月 | 2017 年 6 月 | 2016 年 9 月 | 2016 年 6 月 |
fetch() 在 Internet Explorer 中不受支持。
