Rails 4 - 强制浏览器执行 javascript 响应而不是显示文本

Question

我有一个 Rails 4 应用程序，我需要强制控制器向所有请求（html 或 js）发送 js 响应。由于某种原因，当控制器接收到 html 请求时（例如，当用户通过输入 url 发出请求时），浏览器将响应显示为文本而不是执行代码。

控制器：

def action
  render :template => 'sessions/home.js.erb', :content_type => "text/javascript"
end

sessions/home.js.erb：

$("#button").on("click", function(){
  alert("got here");
});

浏览器不绑定#button，而是简单地将home.js.erb中的代码显示为文本。

我在控制器中尝试了以下选项，但结果相同 - 浏览器只显示文本与执行代码：

render js: "alert('got here')";

或

render :format => :js, :template => 'sessions/home.js.erb'

或

respond_to do |format|
   format.html {render :template => 'sessions/home.js.erb', :content_type => 'text/javascript'}
end

或

respond_to do |format|
   format.html {render :template => 'sessions/home.js.erb', :content_type => 'application/javascript'}
end

谁能帮我弄清楚我需要做什么才能让浏览器执行 javascript？

Answer 1

Rails 可以为您提供code，但您需要确保代码在客户端加载并执行，否则它实际上只是文本。

Jquery 有一些方便的助手来做这件事

$.ajax({
  type: "GET",
  url: "test.js",
  dataType: "script"
});

这将加载并执行一个 Javascript 文件。或者你可以使用

$.getScript( "ajax/test.js", function( data, textStatus, jqxhr ) {
  console.log( data ); // Data returned
  console.log( textStatus ); // Success
  console.log( jqxhr.status ); // 200
  console.log( "Load was performed." );
});

从 Jquery api 文档复制的两个示例。 http://api.jquery.com/jquery.ajax/ 和 http://api.jquery.com/jquery.getscript/

Answer 2

覆盖响应内容类型。在此处阅读有关响应对象的更多信息：http://guides.rubyonrails.org/action_controller_overview.html#the-response-object

试试这个：

def action
  response.content_type = Mime[:js]
  render js: "alert('got here');"
end

或者对于所有操作：

before_filter :force_js

def force_js
  response.content_type = Mime[:js]
end

或使用 respond_to：

def action
  respond_to do |format|
    format.any(:html, :js) { render js: "alert('got here');" }
  end
end