railsでAjaxから複数のDataを受け取り、DBに登録したい

Question

前提・実現したいこと

レイルズで注文登録システムを作っています。
Ajaxを使用してコントローラ側に複数のData(商品idとユーザid)、
を渡してDBに登録したいのですが、コントローラ側でうまく値を取り出せない状況です。
いろいろ模索しましたがわからず、どなたかご教授いただけないでしょうか?

ruby on rails 5.2.1

発生している問題・エラーメッセージ

メッセージ
Started GET "/user/item_additional?**[object%20Object]**" for 127.0.0.1 at 2018-10-23 18:12:01 +0900
Processing by UserController#item_additional as JSON
  Parameters: {"object Object"=>nil}
   (0.2ms)  BEGIN
  ↳ app/controllers/user_controller.rb:53
  Item Create (0.3ms)  INSERT INTO `items` (`created_at`, `updated_at`) VALUES ('2018-10-23 09:12:01', '2018-10-23 09:12:01')

Parameters: {"object Object"=>nil}とのメッセージ。

product_idとuser_idがないまま登録されている状況です。

該当のソースコード

<Ajax側記載>
var data = { 'product_id' : product_id, 'user_id' : user_id };
$.ajax({
  url: '/user/item_additional',
  type: 'GET',
  data: data,
  rocessData: false,
  contentType: false,
  dataType: 'json'
})

<コントローラ側記載>
user_controller.rb

@item = Item.new(
  product_id: params[:product_id],  
  user_id: params[:user_id]
)
@item.save

Answer 1

Hi again, I found something related. If you like, you can check it.
http://api.jquery.com/jquery.ajax/
Please check the explanation of "processData" option, which I post it below:

processData (default: true)
Type: Boolean
By default, data passed in to the data option as an object (technically, anything other than a string) will be processed and transformed into a query string, fitting to the default content-type "application/x-www-form-urlencoded". If you want to send a DOMDocument, or other non-processed data, set this option to false.

And I don't think you need this option to make it work.
Just use this code block below, it is enough to make a JSON request:

    <script type="text/javascript">
        var data = { 'product_id' : 10, 'user_id' : 12 };
        $.ajax({
          url: '/test',
          type: 'GET',
          data: data,
          dataType: 'json'
        })
    </script>

The server is processing as JSON

Processing by PagesController#test as JSON
  Parameters: {"product_id"=>"10", "user_id"=>"12"}

---

Hi, I tried your code and it works for me.
I can access params[:product_id] and params[:user_id] in the action.

I am using jQuery 1.11.1 + Rails 5.2.1
Can you provide more info?

    <script type="text/javascript">
        var data = { 'product_id' : 10, 'user_id' : 12 };
        $.ajax({
          url: '/test',
          type: 'GET',
          data: data,
          rocessData: false,
          contentType: false,
          dataType: 'json'
        })
    </script>

Started GET "/test?product_id=10&user_id=12" for 127.0.0.1 at 2018-10-23 18:22:54 +0800
Processing by PagesController#test as JSON
  Parameters: {"product_id"=>"10", "user_id"=>"12"}

Comments

[rakiamusic]

thank you comment
me too jQuery 1.11.1 Rails 5.2.1

-----------application.js---------------
//= require jquery_ujs
//= require rails-ujs
//= require bootstrap-sprockets
//= require activestorage
//= require jquery.turbolinks
//= require turbolinks
//= require_tree .

[Hungmi]

Can you make sure you have correctly put product_id and user_id in the ajax code?
Maybe they are NULL there?

[Hungmi]

Please check if this help you
https://stackoverflow.com/questions/14419730/json-request-appended-with-object20object-in-jquery

[rakiamusic]

I tryed
var data = { 'product_id' : 3, 'user_id' : 1 };

→Started GET "/user/item_additional?[object%20Object]" for 127.0.0.1 at 2018-10-24 10:36:32 +0900
Processing by UserController#item_additional as JSON
Parameters: {"object Object"=>nil}

Thanks your help
I consider the other way..

[rakiamusic]

$.ajax({
url: '/test',
type: 'GET',
data: data,
dataType: 'json'
})

↑↑ It went well!

Started GET "/user/item_additional?product_id=3&user_id=1" for 127.0.0.1 at 2018-10-24 12:22:37 +0900
Processing by UserController#item_additional as JSON
Parameters: {"product_id"=>"3", "user_id"=>"1"}

ーーーーーーーーーーーーー
Thank you for your great help.

ARIGATO !