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

Question

我有一个link_to用 ajaxified 的助手remote: true。

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

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

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

Answer 1

要在完成主页后加载它，请使用以下 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 的内容（或使其可见）

Answer 2

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

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

当您必须显示时，只需选择 span 中的内容

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

并在任何地方使用它。