Ajax通信を行う際のparamsのキーの設定について - Qiita

Ajax通信を行う際のparamsのキーは、jQueryの方ではどのように設定しているのかが理解できたので、アウトプットします。 今回は、インクリメンタルサーチの実装におけるAjax通信のコードとコントローラのコードの一部のみを書きます。 Ajax通信のコード $(function() { $(".search__products").on("keyup", function() { var input = $(".search__products").val(); $.ajax({ type: 'GET', url: '/products/search', data: { keyword: input }, dataType: 'json' }) }); }); 3行目で、検索窓に入力された文字列のデータが、inputという変数に代入される。 8行目で、inputの変数をコントローラのp