How to send JSON array together with data from form in Rails?

Question

I have view with form contains a few fields and Google maps with tool to drop markers. I want to attach to the request markers coordinates stored as JavaScript JSON array. I would send after filling out all fields and select markers all data by clicking only send button. Form converted by jQuery $(this).serialize() doesn't accept by Rails. Illustrative material:

JavaScript:

$('form').submit(function () {
    var url = $(this).attr('action');
    var data = { post: JSON.stringify(markersArray) };
    // var data = $(this).serialize();

    $.post(url, data, function(result) {
        //result
    });
    return false;
});

Rails controller:

def create
  received_data = params[:post]

  markersArray = ActiveSupport::JSON.decode(received_data)

  #only JSON
  @post = Post.new(markersArray)

  #normal approach only form
  #@post = Post.new(received_data)
  @post.save
end

EDIT

Received JSON:

Parameters: {"post"=>"{\"markers\":[[52.40637,16.92517],[52.40601,16.925040000000003],[52.405750000000005,16.92493],[52.40514,16.92463],[52.404320000000006,16.924200000000003],[52.40393,16.92406]]}"}

Received form:

Parameters: {
    "utf8"=>"✓", 
    "authenticity_token"=>"nehoT1fnza/ZW4XB4v27uZsfFjjOu/ucIhzMmMKgWPo=", 
    "post"=>{
         "title"=>"test", 
         "description"=>"fewfewfew"}, 
    "commit"=>"Save"}

What's the value of params[:post] ?

nicholaides
– nicholaides

2011-11-12 20:03:07 +00:00
Commented Nov 12, 2011 at 20:03 — nicholaides
– nicholaides, Commented Nov 12, 2011 at 20:03

topek · Accepted Answer · 2011-11-12 22:33:37Z

1

You could temporarily add a hidden field and remove it after serialization:

$('form').submit(function () {
    var url = $(this).attr('action');
    var tempField = $('<input type="hidden" name="post" />').val(JSON.stringify(markersArray)).appendTo(this);
    var data = $(this).serialize();
    tempField.remove();

    $.post(url, data, function(result) {
        //result
    });
    return false;
});

or you could send an object from the deserialized data, enhaced with your post data

$('form').submit(function () {
    var url = $(this).attr('action');
    var data = jQuery.parseJson($(this).serialize());
    data.post =  JSON.stringify(markersArray) 


    $.post(url, data, function(result) {
        //result
    });
    return false;
});

answered Nov 12, 2011 at 22:33

topek

19k3 gold badges38 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to send JSON array together with data from form in Rails?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related