预加载远程：真实链接的内容

Question

我有一个link_to帮助器被remote: true ajaxified。

链接呈现的内容计算量很大，所以我想预先加载该内容，以便点击该链接即时呈现内容。

我将如何实现这一目标？如果可能的话。

更新
我希望异步加载它，即当前页面加载并首先完整显示，然后预加载链接网址的内容。

Answer 1

将内容放在一些隐藏的html元素中，例如span或div。

<span id="mycontent" style="display:none">Some content</span>

当您必须显示时，只需选择范围内的内容

$("span#mycontent").html();

并在任何地方使用它。

Answer 2

要在完成主页面后加载它，请使用此Javascript代码段（jQuery风格）：

$(document).ready(function() {
    $.ajax({ url: "<%= your_path_to_action %>",
             data: { param1: <%= your_param  %> },
             success: function(response) { $('#hidden_div').html(response); }
    }); 
});

一旦页面加载完毕，此代码将触发AJAX请求。然后success处理程序将响应放入像techvineet正确建议的隐藏元素中。使用该按钮执行另一个JS函数来复制隐藏的div的内容（或使其可见）