RailsでJquery経由のJSONデータをもとにDBを更新したい

Question

Ruby on Rails5 で、セレクトボタンを変更した際に変更した値をDBに反映するプログラムを作りたいと思っています。

ajaxやjsonを利用して反映させるプログラムはJavaで作ったことがあったので、同じように作ろうと思ったのですが、Railsの知識不足からコントローラーにどう記述したらよいのか分かりません。

正直まだRailsを始めたばかりの超初心者で、自動的に生成されてしまう記述の意味などが全然理解できていないところがあります。
知恵を貸していただけたら幸いです。よろしくお願いいたします。

・sampleTableにあるnumberSelectカラムを変更したいプログラム
＜view＞ セレクトボタンを作成して、JS用にクラス指定した

<%# 使う所だけ抜き出し %>
<%= form_with(model: sampleTable, local: true) do |form| %>
  <%= form.select :numberSelect,[[10,10],[9,9],[8,8],[7,7],[6,6],[5,5],[4,4],[3,3],[2,2],[1,1]],{}, :class => 'numberSelect' %>
   <% end %>

＜JS＞ JSONデータでコントローラーにデータを飛ばす

    // セレクトボタンチェンジイベント
    $(".numberSelect").change(function () {
        // ajax通信
        $.ajax({
            type: "POST",
            url: '/change', //URL・コントローラーへの接続自体は確認済
            data: { "numberSelect": $(this).val() }, //thisvalの取得は確認済
            dataType: 'json'
        //成功時
        }).done(function (data) {
            alert("成功");
        })
        // 失敗時
         .fail(function () {
            alert("失敗");
        });
});

＜routs.rb＞

  post 'change', to: 'sampleTable#change' #確認済

＜controller＞　受け取ったJSONファイルでDBを更新

  def change #メソッドへの到達は確認済
     #ここの書き方が間違っていそうだけど、どう書いたらいいか分からない
     if @sampleTable.update(numberSelect: data["numberSelect"])
        render json: @sampleTable; #これはif文に挟まなければ帰ってくるのを確認
      end
    end
end

現状の実行結果：「失敗」という文字のアラート

Answer 1

if @sampleTable.update(numberSelect: data["numberSelect"])

とありますが、`data["numberSelect"]`の部分は値を取得できていますか？
`data`ではなく`params`から取得するべき箇所かなと思いますが...。

Comments

[summerboot]

回答ありがとうございます。
p params[:numberSelect]　で目当ての値がコンソールに出力され、コントローラーに飛んでいることを確認することが出来ました。

ただ、if @sampleTable.update(numberSelect: params[:numberSelect])ではやはり更新に失敗してしまいました……。
これは更新するレコードを認識出来てないという事なのでしょうか？

[rhiroe]

@sampleTable はどこで用意されていますか？

[summerboot]

質問の意味を正しく理解できているか不安なので違ったらすみません。
セレクトボタン自体が<% @sampleTables.each do |sampleTable| %><% end %>の間に挟まっていて、もともとのセレクトボタン上ではそこでレコードを認識していました。
ただjQueryからデータを飛ばす方法に変えてしまったが故にレコードを認識する方法を失ってしまったのでは？と感じました。
なので質問の答えは「用意できていなかった」になるのではないかと思います……。

そうなると、この場合どうやってこの仕組みを用意すればよいのでしょうか。

[summerboot]

一応セレクトボタンのid要素に、レコードに自動採番されるIDを取得する所までは今作る事が出来ました。
ここからjquery→コントローラーまで値を飛ばす事は出来ると思うのですが、この番号を利用してレコードの指定はできるのでしょうか。

[rhiroe]

Railsはリクエストごとにコントローラのインスタンスが生成されます。
なのでインスタンス変数はその都度用意する必要があります。
今回の @sampleTable はレコードが入るインスタンス変数だと思いますが、
change メソッド内、もしくは before_action でそれを用意する必要があります。
もしそれができていない場合 @sampleTable.update(...) は nil.update(...) をしているのと同じです。
nil.update(...) は NoMethodError を起こすので失敗します。

[summerboot]

やはりそういう事ですよね……
セレクトボタンにID属性をつけてJSONでコントローラーまで飛ばし、@sampleTable = SampleTable.find(params[:recordid])でレコードを発見、更新作業が動いていることを確認することが出来ました。
長々と相談に乗って頂きありがとうございました。