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

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


サイドバー

目次

サルでもわかる機械学習

sidebar

00.javascript:03.fetchでhttp通信


03.fetchでhttp通信

Fetch APIは、JavaScriptにおいて、XMLHttpRequest(XHR)に代わるAPIとして提供されています。

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

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

非同期処理で出てくるPromiseについては、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/03.fetchでhttp通信.txt · 最終更新: 2019/09/24 by adash333