Fetch API - @arai-ta

Fetch API

#HTTP #JavaScript

XMLHttpRequestの代替機能。

グローバルな fetch(resource, init) => Promise 関数。

第1引数はURL

第2引数はオプション類（省略可能）

レスポンスはPromise

参考

https://developer.mozilla.org/ja/docs/Web/API/Fetch_API/Using_Fetch

https://developer.mozilla.org/ja/docs/Web/API/fetch 関数のシグネチャ

https://developer.mozilla.org/ja/docs/Web/API/Response

Promiseを解決して得られるレスポンス。bodyの読み出しは1回きり。

どうしても2回読み出したい場合は、事前にclone()する

https://stackoverflow.com/questions/46742251/why-fetch-body-object-can-be-read-only-once

.json() メソッドが便利。