How do you send JSON data to rails-ujs Rails.ajax POST call (without using jQuery)?

Question

I have a React client application that needs to talk to the Rails API. I want to use the rails-ujs Rails.ajax method. For example:

Rails.ajax({
  type: "POST", 
  url: "/things",
  data: mydata,
  success: function(repsonse){...},
  error: function(repsonse){...}
})

It looks like I cannot set the dataJSON for the object as follows:

mydata = {
 thing: {
  field1: value1,
  field2: value2,
}}

I need to convert it to a content type application/x-www-form-urlencodedmanually as follows:

mydata = 'thing[field1]=value1&thing[field2]=value2'

This is normal for flat data, but quickly gets complicated for nested data.

jQuery automatically performs the conversion before executing the query.

So I wonder if Rails UJS has some automatic way to do this , but I could not find anything in the documents or code.

+6

Hrishi Mittal 22 . '17 14:35

3

mig_santos121 · Answer 1 · 2017-08-22T14:53:57+0000

ajax- , json, .

var fd = new FormData();
fd.append("jsondata", JSON.stringify(mydata));

$.ajax({
  url: ...
  type :"post",
  data: fd
  success:function(){
  }
})

Json . JSON.parse(params["jsondata"])
, .

Ahmed Magdy · Answer 2 · 2017-08-23T08:46:56+0000

, , , , . application/x-www-form-urlencoded. . , , JQuery Ajax .

DJ Forth · Answer 3 · 2017-08-25T06:11:28+0000

, , JSON.stringify?

, rails-ujs JSON.parse Json