TECH I.S.

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

自分で試してみる»



プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細