JavaScriptフェッチ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月 |
フェッチ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);
}
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。