サルでもわかるWEBプログラミング

この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。

====== 03.fetchでhttp通信 ======
Fetch APIは、JavaScriptにおいて、XMLHttpRequest（XHR）に代わるAPIとして提供されています。

？

<wrap hi>http通信したいとき</wrap>には、<wrap hi>fetch()関数を用いる</wrap>と便利らしいです。

fetch()関数はPromiseを返します。

非同期処理で出てくるPromiseについては、[[00.javascript:01.同期処理と非同期処理|01.JavaScriptの同期処理と非同期処理]]を御覧頂ければ幸いです。

===== fetchよりaxios？ =====
Node.js環境下で''%%npm i axios%%''してimportする必要があるところが面倒ですが、fetchよりaxiosの方が、http通信のコードをすっきり書けるそうです。


https://t-kojima.github.io/2018/06/19/0016-xhr-fetch-to-axios//amp/index.html
[JavaScript] Fetchの代わりにAxiosを使ってみる
 2018.06.19






===== fetchに関するリンク =====


https://chaika.hatenablog.com/entry/2019/01/08/123000
2019-01-08
Fetch API 試してみた。

https://www.youtube.com/watch?v=23hrM4saaMk
Sending JavaScript Http Requests with the fetch() API - YouTube
18:11
Academind
投稿:2019/09/10
→英語ですが、非常に聞きとりやすいです。前後の動画で、XHRとaxiosについての解説もあるようです。


https://sbfl.net/blog/2017/01/29/fetch-api/
JavaScriptのFetch APIを利用してリクエストを送信する
2017年2月1日

https://qiita.com/lumis/items/c7de722637e4b4af3ed0
@lumis
2019年03月05日に更新
最新Ajaxリクエスト通信、Fetch APIについてメモ

https://qiita.com/tomoyukilabs/items/9b464c53450acc0b9574
@tomoyukilabs
2017年07月10日に更新
お疲れさまXMLHttpRequest、こんにちはfetch

https://kde.hateblo.jp/entry/2018/10/22/010811
2018-10-22
【JavaScript基礎】Fetch APIの基礎
 JavaScript














===== リンク =====
目次：[[00.javascript:index.html|JavaScriptの個人的に気になるところ]]

前：[[00.javascript:02.objectとprototype|02.objectオブジェクトとprototypeプロトタイプ]]

次：