2

我正在使用以下代码在 rails 3 中设置 AJAX 操作。代码的 AJAX 部分似乎可以工作，但它没有请求正确的文件，我的 respond_to 为它提供了常规的 HTML。

路由信息：

resources :zones do
  resources :records
end

控制器：

def new
  @zone = Zone.new
  respond_to do |format|
    format.html
    format.js
  end
end

视图中的链接（haml）：

= link_to 'Add a zone →', new_zone_path, :remote=>true

从 link_to 生成的 HTML（还注意到 html 实体的渲染失败......但这是另一个问题）：

<a href="/zones/new" data-remote="true">Add a zone &amp;#8594;</a>

对于踢，视图/区域的目录列表。我不确定我这样做是否正确，所以我同时拥有 new.js.rjs 和 new.rjs。它们都具有相同的内容，但从不被动作拾取。

|   `~zones/
|     |-_form.html.haml
|     |-_record.html.haml
|     |-edit.html.haml
|     |-index.html.haml
|     |-new.html.haml
|     |-new.js.rjs
|     |-new.rjs
|     `-show.html.haml

最后，单击链接时的服务器日志：

Started GET "/zones/new" for 127.0.0.1 at Wed Dec 29 00:04:03 -0700 2010
  Processing by ZonesController#new as */*
  User Load (0.4ms)  SELECT "users".* FROM "users" WHERE ("users"."id" = 1) LIMIT 1
Rendered zones/_form.html.haml (22.1ms)
Rendered zones/new.html.haml within layouts/application (34.9ms)
Completed 200 OK in 80ms (Views: 42.0ms | ActiveRecord: 0.4ms)

如您所见，它正在为请求呈现 .html 文件。现在，为了测试，我直接点击了http://localhost:3000/zones/new.js 页面。它提供 new.js.rjs。此外，javascript 远程调用正在工作。Firebug 显示请求和响应，但它请求错误的页面。

同样为了测试我这样做了：

= link_to "Add a zone", '/zones/new.js', :remote=>true

对于 javascript，它可以正常工作（下载并执行 rjs 并正常工作），但对于禁用 javascript 的系统，它没有很好的故障转移。

值得我使用jquery。

我觉得我在路由或链接语法中遗漏了一些东西，但我可以在网上和文档中找到的所有示例似乎都准确地显示了我在做什么。有什么问题？

谢谢。

4

2 回答 2

6

您需要明确告诉 Rails 您需要以下js格式：

= link_to 'Add a zone &#8594;', new_zone_path(:format => :js), :remote=>true

作为一种解释：您必须指定 .js 扩展名，因为 Rails 不区分。在许多情况下，您可能希望使用 Ajax 获取 html 或 json，而不仅仅是 javascript。Rails 将允许您以任何格式获取任何内容，这就是您必须指定它的原因。

于 2010-12-29T15:20:54.320 回答
6

这个问题也可以用这个语法来解决（包括data-type声明）

= link_to 'Add a zone &#8594;', new_zone_path, remote: true, "data-type" => "script"

如果您只有.js.erbfile ，没有.html要呈现的文件，则无需分配data-typeof 请求（Rails 会自动检测 JS 唯一的响应方式）

这里的要点是你必须确保你的请求被认为是作为 JS 执行的。这意味着您在控制台中的请求应如下所示：

Started ...
Processing by ABCController#method as JS
于 2014-07-29T13:25:14.997 回答