必须调用“render:layout => false”才能在Rails 2.3.3中正确呈现js.erb模板

我正在运行最新的Rails 2-3-stable分支(目前为2.3.3)。

我正在使用JQuery向我的’create’操作发布一个AJAX请求,其中我有以下块:

respond_to do |format| format.js end 

我创建了create.js.erb并测试了这个动作,我添加了以下单行:

 alert('hello'); 

请求正确进入format.js块,但响应尝试呈现布局。 这是我的日志:

 Jul 22 20:44:27 [2970] INFO: Rendering template within layouts/application Jul 22 20:44:27 [2970] INFO: Rendering contacts/create 

如果我将respond_to块更改为以下内容,则可以:

 respond_to do |format| format.js { render :layout => false } end 

这是预期的行为还是Rails中的错误? 我原以为我渲染JS响应就足以将布局设置为false。

我对Rails书籍上的Ajax的记忆是,这是早期版本的rails中的标准,如果不一定是预期的行为。

以下故障单显示了几个版本的错误记录,以及将行为定义为默认值的方法。

http://dev.rubyonrails.org/ticket/3229

可悲的是,最终评论中没有解释后来的变化使得这个过时的描述。

我用这个:

 class ApplicationController < ActionController::Base # this is needed to prevent XHR request form using layouts before_filter proc { |controller| (controller.action_has_layout = false) if controller.request.xhr? } 

它就像魅力一样。 你必须将这个在线人员放在一个地方并注意更多。

我花了大约1小时写这行。

我发现处理此问题的最佳方法是添加如下文件:

应用程序/视图/布局/ application.js.erb

 <%= yield -%> 

如果您不包括yield,那么您的js操作都将失败,因为应用程序将永远不会呈现视图。 此技术解决了布局问题,并且还提供了在布局级别添加通用js代码的function,例如闪存处理或触发jQuery UI onLoad挂钩。

发出Ajax POST请求的JQuery函数应该返回“false”。 检查你是否也这样做。 它应该像下面这样实现:

 postFormData: function () { $('#form_id').submit(function () { $.post($(this).attr('action'), $(this).serialize(), null, 'script'); return false; }); } 

注意返回false的最后一行。