jquery - link_to 和远程 => true + jquery : How? 有帮助吗？

Question

我试图在我的 Rails 网站的索引上创建一个“用户”链接，以便它显示注册用户(User.all)，但我希望它作为部分内容出现在网站的右侧部分，在div，无需从一开始就加载整个页面。

我知道这对于旧原型(prototype)和远程是可能的 => true但对于 Rails 3.1 和 jQuery(和 Assets )我不知道如何做到这一点。

任何人都可以帮助我或向我展示教程的方法吗？

Answer 1

这实际上很简单，只是感觉很重要，因为它是新的。基本上，通过新的不显眼的 javascript 支持，rails ujs 脚本公开了一组可以将 javascript 函数绑定(bind)到的事件，它们是:

1. ajax:beforeSend - 在发送发生之前触发
2. ajax:success - 发送发生后触发，包含响应
3. ajax:complete - 成功事件后触发
4. ajax:error - 出现错误时触发

您需要做的就是编写一个函数(将其包装在 $document.ready 中)，该函数依次将一些匿名函数绑定(bind)到每个事件，或者仅绑定(bind)到您感兴趣的事件。

例如，假设您有一个 id 为“response_data”的 div，您希望将响应数据放入其中，并且您有一个 id 为“ajax_trigger”的链接。像这样的事情:

<%= link_to "My Link", some_model_path(@model_instance), 
                       :remote => true, :html => {:id => "ajax_trigger"} %>
<div id="response_data">
</div>

您需要做的就是提供如下所示的函数，以便将服务器的响应放入 div 中:

$(document).ready(
     function(){
          $("a#ajax_trigger").bind("ajax:success",
                   function(evt, data, status, xhr){
                        //this assumes the action returns an HTML snippet
                        $("div#response_data").html(data);
           }).bind("ajax:error", function(evt, data, status, xhr){
                    //do something with the error here
                    $("div#errors p").text(data);
           });
});

实际上，您使用 javascript 所做的就是处理从服务器返回的响应。您实际上不需要执行任何特殊操作来启动 XHR 请求，并且您还可以安全地将此方法存储在 .js 文件中，该文件作为静态 Assets 提供。如果您使用的是 Rails 3.1，那么您应该将其放入与 Controller 对应的适当命名的 javascript 文件中。在 Controller 中，您需要确保在responds_with()方法中指定:layout => false，这样 Controller 只返回它呈现的部分或模板，而不是完整的页面。此设置还适用于返回要由客户端执行的 javascript 以及 JSON 的操作，具体取决于您在请求中指定的数据类型。

我发现这篇博文非常有帮助: http://www.alfajango.com/blog/rails-3-remote-links-and-forms/