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