Ruby on Rails: send javascript array of arrays to ruby controller

Question

I would like to send a javascript array of arrays to my ruby controller. I am a bit lost. My question is in the controller. Here is what I have so far:

(totalChanges is an array of arrays. JSON.stringify(totalChanges) might look like this:

[[4,2,"","15"],[4,3,"","12"],[4,4,"","14"]]

app/views/index.html.erb:

<div id="dataTable" class="dataTable" style="width: 680px;height: 300px; overflow: scroll"></div>
<button>Save!</button>
<script>
    var first = true;
    var totalChanges = new Array();
    $("#dataTable").handsontable({
         //...some code that generates appropriate array totalChanges
    });
    var data = //..some code
    $("#dataTable").handsontable("loadData", data);
    $(function() {
            $( "button").button();
            $( "button" ).click(function() { 
                    alert("clicked"); 
                    $.ajax({
                            type: "POST",
                            url: "/qtl_table/save",
                            data: {total_changes: JSON.stringify(totalChanges)},
                            success: function() { alert("Success!"); }
                    });
            });
    });

</script>

app/controllers/qtl_table_controller.rb:

def save
  //Adding some things suggested by answers:
  logger.debug "\n#{params[:total_changes].first}, #{params[:total_changes][1]}\n"
  ar = JSON.parse(params[:total_changes])
end

I end up with these errors:

NoMethodError (You have a nil object when you didn't expect it!
You might have expected an instance of Array.
The error occurred while evaluating nil.first):

EDIT: I also had contentType: "application/json", and Accepts: "application/json" and when I took those out everything worked out. Thanks guys :)

KL-7 · Accepted Answer · 2012-06-26 16:00:25Z

12

JSON.parse is your friend:

ar = JSON.parse(params[:total_changes])
#=> [[4, 2, "", "15"], [4, 3, "", "12"], [4, 4, "", "14"]]

Most likely you'll need to update your AJAX call to something like:

$.ajax({
  type: "POST",
  url: "/qtl_table/save",
  data: { total_changes: JSON.stringify(totalChanges) },
  success: function() { alert("Success!"); }
});

to give your array parameter total_changes name.

edited Jun 26, 2012 at 16:00

answered Jun 26, 2012 at 15:51

KL-7

48k10 gold badges92 silver badges75 bronze badges

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

5 Comments

bdeonovic Over a year ago

Thanks, this looks great. I am also confused on what to render or how that works. How can I get the page to just reload index.html.erb after I do some logic in my controller

KL-7 Over a year ago

After finishing all the work you can do redirect_to :action => :index that will redirect user to the index action that should have refreshed content by then.

bdeonovic Over a year ago

I now have: NameError (uninitialized constant QtlTableController::JSON): app/controllers/qtl_table_controller.rb:26:in `save'

KL-7 Over a year ago

Hm, maybe you're missing require 'json' at the top of your controller file. Or you can try ActiveSupport::JSON.decode instead.

bdeonovic Over a year ago

also I was missing gem 'json' in Gemfile

Harish Shetty · Accepted Answer · 2012-06-26 16:07:55Z

4

In javascript assign a root node for the JSON data

data: {qtls: totalChanges}

Now in the controller:

params[:qtls] # contains the Ruby array
params[:qtls].first # [4,2,"","15"]

edited Jun 26, 2012 at 16:07

answered Jun 26, 2012 at 15:59

Harish Shetty

64.4k21 gold badges154 silver badges201 bronze badges

6 Comments

KL-7 Over a year ago

Is stringifying the whole data hash necessary? Don't remember and can't check at the moment.

Harish Shetty Over a year ago

@KL-7, no it is not(api.jquery.com/jQuery.post). I just copied and pasted his code.

bdeonovic Over a year ago

what do you guys recommend? I am just trying to tie bits and pieces that I am learning from around the wonderful internet

KL-7 Over a year ago

@KandadaBoggu, will be the array automatically dumped and restored in the controller without JSON.stringify and JSON.parse?

Harish Shetty Over a year ago

As long as the user posts to .json extension the data will be converted automatically.

|

Community · Accepted Answer · 2017-05-23 12:10:08Z

The data being passed should be located somewhere in your params environment variable. It seems though that you don't know which environment variable it is in. If you know which one it is, that variable will holding the variable that you are passing, in your case the json string that is the array. Once you know how to access it, you can then update/create/save or what ever you need to do, and then do a redirect to your index:

redirect_to qtl_tables_path

Usually inspecting the params will show you how it is being passed if you don't know what the variable is called. When I want to know something like this and see everything that is being passed to the controller, I make it send it to a different controller action that has a view. In that view I will put something like:

<%= debug params %>

or

<%= inspect params %>

That way it prints out the params that are being passed, I can see where that variable is and how to access it in the params and then use it in the correct controller.

Does this make sense? The answers in this post should help you too:

Rails: How do I print the request parameters?

It has some nice examples of using your rails logger to print it as well.

I hope that is answer helps you out.

Collectives™ on Stack Overflow

Ruby on Rails: send javascript array of arrays to ruby controller

3 Answers 3

5 Comments

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related