单击链接时使用 AJAX 更新页面

Question

我正在制作一个债务管理应用程序，我的控制器中有 @opened_debts 和 @all_debts（打开和归还的债务）。

默认情况下，我只在页面上加载 @opened_debts。但我也有一个在页面上显示所有债务的链接。

<a href="#" id="show_all_debts">Show all debts</a>

点击此链接后，我希望页面重新加载 debts_div 和 @all_debts。

如果我在页面底部使用click event 制作<script> 标记以加载它

$('#debts_div).replaceWith('<%= j render @all_debts %>');

Rails 实际上会呈现所有债务并使用户在单击链接之前对其不可见。但是使用所有这些庞大的脚本会使页面加载速度变慢。

在用户点击链接之前，我可以加载此列表而不将其呈现在页面上吗？

提前致谢！

Answer 1

使用 rails_ujs

<%= link_to "Show all depts", model_path(), :remote => true %>

那么您的请求将作为 ajax 发送。用

为js创建一个视图

_index.html

<div>some code</div>

在 index.html.erb 里面做 DRY

<%= render :partial => 'index.html' %>

index.js.erb 做 DRY

$('#debts_div).replaceWith('<%= j( render :partial => 'index', :format => :html ) %>');

应该可以的