在 Ruby on Rails 中使用 rjs 实现 AJAX

Question

假设您想使用 rjs 添加一些 ajax，并且您想要异步添加 html 的元素是局部中的局部，这意味着您的主视图在共享文件夹中呈现局部，然后局部呈现共享文件夹中的另一个部分。当您调用 page.insert_html :bottom, :partial =>... 时，您如何在 .rjs 文件中说明这一点，以及如何在主视图和两个部分中说明这一点？

Answer 1

page.insert_html 不考虑 HTML 的原始源是否是部分的 - 您只需要给它一个 DOM ID（即<div id="foo">），它就可以用作插入的参考点。

如果您知道要通过 AJAX 插入 HTML 的位置，请使元素具有 id 并将其用作 page.insert_html 的参数

---

这是一个例子。假设您有一个呈现以下内容的视图：

<div id="div_tag_in_home_page">
  <%= render :partial => "shared/container" %>
</div>

还有这些部分：

<!-- app/views/shared/_container.html.erb -->
<div id="container_div">
  <%= render :partial => "shared/sub_container" %>
</div>

<!-- app/views/shared/_sub_container.html.erb -->
<div id="sub_container_div">
  Some Content That Needs Appending
</div>

渲染时会为您提供：

<div id="div_tag_in_home_page">
  <!-- app/views/shared/_container.html.erb -->
  <div id="container_div">
    <!-- app/views/shared/_sub_container.html.erb -->
    <div id="sub_container_div">
      Some Content That Needs Appending
    </div>
  </div>
</div>

要使用名为app/views/shared/_additional_content.html.erb 的部分向#sub_conainer_div 添加内容，您可以使用：

page.insert_html :bottom, 'sub_container_div', :partial => 'shared/additional_content'