Как сделать частичное рендеринг через ajax в rails3 и jQuery

Question

Я мог бы сделать что-то подобное в rails 2:

def show_rec_horses
  rec_horses = Horses.find(:all)
  page["allHorses"].replace_html :partial => "horses/recommended", :locals => 
 {:rec_horses => rec_horses}
end

Как мне это сделать в Rails3 с jQuery.Итак, как я могу заменить html моего div частичным с помощью вызова ajax (link_to: remote => true) в Rails3.

Я пробовал что-то вроде (в моем show_rec_horses.js.erb):

$("#interactionContainer").update("<%= escape_javascript(render("horses/recommended"))%>");

И ничего не происходит.Я попробовал некоторые другие варианты, но ни один не работал.Что я делаю не так?Стоит ли подходить к этому как-то иначе?Любой ответ будет принята с благодарностью.

Answer 1

Хорошо, давайте начнем с контроллера.

def show_rec_horses
  @rec_horses = Horses.find(:all)

  respond_to do |format|
    format.html # show_rec_horses.html.erb
    format.js   # show_rec_horses.js.erb
  end
end

Это обеспечит отображение правильных шаблонов для запроса html или запроса javascript.Если вам просто нужно ответить на запрос javascript, удалите html-часть.

Теперь предположим, что у вас есть страница, содержащая следующее:

<p><%= link_to 'Show Horses', show_rec_horses_path, remote: true %></p>

<div id="interactionContainer"></div>

Если щелкнуть ссылку, запрос будетдействие show_rec_horses в вашем контроллере, это действие отобразит файл javascript show_rec_horses.js.erb.

Этот файл javascript должен содержать что-то вроде этого:

$('#interactionContainer').html('<%=j render partial: 'horses/reccommended', locals: { rec_horses: @rec_horses } %>')

Теперь ваш контейнер будет заполненсодержимое horses/_reccommended.html.erb, которое, например, может содержать:

<% rec_horses.all.each do |rec_horse| %>
  <p><%= rec_horse.name %></p>
<% end %>