【JavaScript】Fetch で Ajax を実装するサンプル（Promise と async / await） - Qiita

はじめに ネイティブ JavaScript で Ajax を実装するには、XMLHttpRequest よりも、Fetch の方が一般的なようです。 学習がてら、Fetch による Ajax 処理の基本的なところをまとめておきます。 POSTメソッドの動作確認は、Rails 6 を使用していますが、どのフレームワークでも基本は変わらないと思います。 1. GET メソッド GET メソッドは、HTML ファイルと Javascript ファイルだけで簡単に動作確認ができます。 サンプルコードはコピペで動くようにしています。 1-1. fetch を実装する（then - catch - finally の形式） 気象庁の天気予報データ（JSON形式）を取得するだけであれば、次のとおりです。 fetch メソッドの第１引数には URL、第２引数には オプション を指定しますが、第２引数は省略