How to set a rails variable equal to a Javascript variable?

Question

I want to do something similar to How to pass a Javascript variable to Rails Controller? but I can't seem to get it working for my purposes. I'm using drag and drop jQuery to transfer "items" to "pods". Here's my code:

function onReceive(id,pod_id){
var id = id;
var pod_id = pod_id;
confirm("Add " +id + " to " + pod_id + "?");
}

What I want to do is really something like this:

function onReceive(id,pod_id){
<% @pod_id = pod_id %>
<% @id = id %>
}

But I know that the solution isn't quite that easy. How can I pass id and pod_id to my controller? Ideally, I'd like to pass it to the update action. P.S.: I don't know AJAX at all, so if that's the only way please provide details...

Where is onReceive(id,pod_id) method called at first? You can fetch and assign values from it. — user482594
– user482594, Commented Jul 26, 2011 at 19:38

August Lilleaas · Accepted Answer · 2011-07-26 19:43:16Z

7

The only way to pass data from the browser client side to a rails app, is via HTTP. And to do HTTP in JavaScript, you use XHR (also called AJAX). You can't do it in the templates as you're suggesting in your code sample, since the template is rendered by Rails on the server, and evaulated as HTML and JavaScript on the client. There's no inline communication between the client/browser and the server.

Assuming jQuery:

function onReceive(id,pod_id){
    $.ajax({
        url: "/some/url",
        data: {pod_id: pod_id, id: id} 
    });
}

Then you need to set up a controller to respond to /some/url, and do whatever you need to do with params[:pod_id] and params[:id].

answered Jul 26, 2011 at 19:43

August Lilleaas

54.7k13 gold badges106 silver badges113 bronze badges

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

Collectives™ on Stack Overflow

How to set a rails variable equal to a Javascript variable?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related