How to access instance variable from ajax?

Question

I have a model named User and in its index.html.erb file, has a link which calls an ajax request responsible for retrieving user's authenticated radars. There it is:

//user.js
function retrieve_radars() {
  $.ajax({
    type: "GET",
    url:  "/radars",

    success: function(data) {
      console.log(data);
    }
  });
}

#app/controllers/radars_controllers.rb
def index
  user    = current_user;
  @radars = Radar.where(:user_id => user.id)
  @radars
end

How could I iterate @radars instance variable in "users/index.html.erb", after the success ajax response? I would like to do something like this:

<% unless @radars.nil? %>
  <table>
  <% @radars.each do |radar| %>
    <tr>
      <td>Name</td>
      <td><%= radar.name %></td>
    </tr>
  <% end %>
  </table>
<% end %>

Any help? Thanks

nyzm · Accepted Answer · 2013-08-29 01:25:05Z

2

//user.js
function retrieve_radars() {
  $.ajax({
    type: "GET",
    url:  "/radars",

    success: function(data) {
      //load the response from radar#index into the div (or any other element
      $("#my_div").html(data); 
    }
  });
}

#app/controllers/radars_controllers.rb
def index
  user    = current_user;
  @radars = Radar.where(:user_id => user.id)
  render :partial => "radars", :layout => false #render partial. 
end

#app/views/radars/_radars.html.erb create partial file
<% unless @radars.nil? %>
  <table>
  <% @radars.each do |radar| %>
    <tr>
      <td>Name</td>
      <td><%= radar.name %></td>
    </tr>
  <% end %>
  </table>
<% end %>

edited Aug 29, 2013 at 1:25

answered Aug 28, 2013 at 17:29

nyzm

2,8453 gold badges26 silver badges30 bronze badges

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

2 Comments

hugalves Over a year ago

It worked! Just one detail on your code, I had to create _radars.html.erb partial file, instead of _radar.html.erb :)

nyzm Over a year ago

My bad, i wrote it from my iPad :)

Collectives™ on Stack Overflow

How to access instance variable from ajax?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related