JavaScript Fetch API
Fetch API 介面允許 Web 瀏覽器向 Web 伺服器發出 HTTP 請求。
😀 不再需要 XMLHttpRequest。
瀏覽器支援
表格中的數字指定了完全支援 Fetch API 的第一個瀏覽器版本
Chrome 42 | Edge 14 | Firefox 40 | Safari 10.1 | Opera 29 |
2015 年 4 月 | 2016 年 8 月 | 2015 年 8 月 | 2017 年 3 月 | 2015 年 4 月 |
Fetch API 示例
以下示例獲取一個檔案並顯示其內容
由於 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);
}
自己動手試一試 »