フェッチ API の使用 - Web API | MDN

フェッチ API は、HTTP リクエストを行い、レスポンスを処理するための JavaScript インターフェイスを提供します。 フェッチは XMLHttpRequest の現代の置き換えです。コールバックを使用する XMLHttpRequest とは異なり、フェッチはプロミスベースで、サービスワーカーやオリジン間リソース共有 (CORS) のような現代のウェブの機能と統合されています。 フェッチ API では、fetch() を呼び出してリクエストを行います。これは ウィンドウとワーカーの両方のコンテキストでグローバル関数として利用できます。このコンテキストには Request オブジェクトか、フェッチする URL を格納した文字列、およびリクエストを構成するためのオプション引数を渡します。 fetch() 関数は Promise を返します。このプロミスはサーバーのレスポンスを表す

[gam-22]

XMLHttpRequest とか jQuery.ajax() はもう古いのかな？（おじいちゃんなので fetch というAPIを知らなかった

[God-kami]

“fetch() のプロミスは、ネットワークエラーに遭遇したりサーバー側の CORS の設定（通常はアクセス権の問題など）が間違っていたりすると、 TypeError で拒否されます。”

[reboot_in]

“ブラウザーに認証情報のついたリクエストを送るようにするには、同一オリジンの場合もオリジン間の呼び出しの場合も、 credentials: 'include' を init オブジェクトに追加して fetch() メソッドに渡してください。”

[hirorock]

axiosやめる？

[Carimatics]

ほぇ

[okumuraa1]

fetchでPOST送信できた！

[otiai10]

“ネットワークエラーに遭遇した際、 fetch() promise は TypeError を返して reject 状態になります。ネットワークエラーには、パーミッションに関する問題などが当たります。といっても 404 はネットワークエラーを構成しません