使用AJAX更新頁面鏈接點擊

Question

我正在製作一個債務管理應用程序，我在我的控制器中有@opened_debts和@all_debts（已打開和退回的債務）。

默認情況下，我只在頁面上加載@opened_debts。但我也有鏈接顯示所有的債務在一個頁面上。

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

我想頁面，點擊該鏈接後重新裝入debts_div與@all_debts。

如果我做一個<script>標籤與click event在頁面的底部，

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

的Rails實際上加載它使所有的債務，使他們對用戶不可見的，直到他點擊鏈接。但是，它使所有這個巨大的腳本加載頁面變得更慢。

我可以加載此列表而無需在頁面上呈現它，直到用戶單擊鏈接？

在此先感謝！

Answer 1

使用rails_ujs

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

那麼你的請求將作爲阿賈克斯發送。創建JS視圖與

_index.html

<div>some code</div> 

內index.html.erb使幹

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

index.js.erb的，使幹

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

應該工作