这实际上很简单,因为它是新的,所以感觉很重要。基本上,有了新的不显眼的 javascript 支持,rails ujs 脚本公开了一组可以绑定 javascript 函数的事件,它们是:
- ajax:beforeSend - 在发送发生之前触发
- ajax:success - 发送后触发,包含响应
- ajax:complete - 在成功事件后触发
- ajax:error - 出现错误时触发
您需要做的就是编写一个函数(将其包装在 $document.ready 中),然后将一些匿名函数绑定到这些事件中的每一个,或者只是您感兴趣的事件。
例如,假设您有一个 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 文件中,该文件作为静态资产提供。如果您使用的是 Rails 3.1,那么您应该将它放在与控制器对应的适当命名的 javascript 文件中。在您的控制器中,您需要确保在 responds_with() 方法中指定 :layout => false,这样控制器只会返回它呈现的部分或模板,而不是完整的页面。此设置还适用于返回要由客户端执行的 javascript 以及 JSON 的操作,具体取决于您在请求中指定的数据类型。
我发现这篇博文很有帮助:
http://www.alfajango.com/blog/rails-3-remote-links-and-forms/