Rails 3.2 ajax example with params in controller

Question

How to create ajax in next example:

In controller:

def index
    if params[:p] == "one"
        @record = "Hello, 1!"
    elsif params[:p] == "two"
        @record = "Hello, 2!"
    else
        @record = "something else"
    end
end

In view (hellos controller, index action):

<%= link_to "One", hellos_path(:p => "one") %>
<%= link_to "Two", hellos_path(:p => "two") %>
<%= render :partial => 'record' %>

Partial _record.html.erb:

<%= @record %>

That's all. All actions in index controller and only params are changing. I don't want to reload full page - only record partial with new controller variable.

How to "AJAXize" it? :)

Erez Rabih · Accepted Answer · 2012-10-10 11:52:12Z

4

1- Add :remote => true to your links:

<%= link_to "One", hellos_path(:p => "one"), :remote => true %>

2- create a view index.js.erb with:

$("#your_div").html("<%= render :partial => "record" %>")

3- create a div with the id your_div in your index.html.erb. This div will be populated with the @record object.

answered Oct 10, 2012 at 11:52

Erez Rabih

15.8k3 gold badges49 silver badges67 bronze badges

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

7 Comments

Oleg Pasko Over a year ago

In 3rd step, am I need to add something like <div id="your_div"></div> and remove <%= render :partial => 'record' %> from view?

Erez Rabih Over a year ago

You need to create the div like you said. It is up to you if you want to leave the render partial so that default index page will present it.

Oleg Pasko Over a year ago

Yep, but when I click link, I'm getting "Completed 200 OK", but it's not present in browser :(

Oleg Pasko Over a year ago

$("#your_div").html("<%= j render ("record") %>") this works for me! :) tnx )

Oleg Pasko Over a year ago

Ok, it's rendering, but without params :( If I'm in index page and clicking on "One" link, I'm getting this from my controller @record = "something else" :(

|

Collectives™ on Stack Overflow

Rails 3.2 ajax example with params in controller

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related