在 Ruby on Rails 中使用 rjs 实现 AJAX

Question

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

Answer 1

page.insert_html 不考虑 HTML 的原始源是否是部分的 - 您只需要给它一个 DOM ID（即

;) 用作插入的参考点。

如果您知道要通过 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/ 的部分将内容添加到 #sub_conainer_div _additional_content.html.erb，您可以使用：

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