Rails 3表单远程不起作用

Question

我的ajaxy调用没有工作，然后它随机开始工作，然后当我添加更多coffeescript时它停止工作。 我删除了添加的coffeescript，但仍然没有工作。

我注意到rails.js没有被加载（通过firebug / Chrome检查员检查）。 jquery_ujs.js中是否jquery_ujs.js rails.js替换为jquery_ujs.js ？ 我开始了一个新项目并注意到rails.js也不存在。

这是表格：

<%= form_tag("#{tybleau_api_path}.json", remote: true, id: "sportForm", :'data-type' => 'json' ) do%>
    <%= select_tag("state", options_from_collection_for_select(@states, "HometownState", "HometownState"), prompt: "Choose a State", class: "submittable") %>
    <%= submit_tag "Update View" %>
<% end %>

单击“更新视图”时控制台显示此信息：

Started POST "/tybleau/api.json" for 127.0.0.1 at 2012-03-22 17:40:03 -0700
Processing by TybleauController#api as JSON
  Parameters: {"utf8"=>"✓", "authenticity_token"=>"I6752Fit6cCIuASMr4/FD+yLTEBrS2oPhnNBbJQE67k=", "state"=>"AZ", "commit"=>"Update View"}
  Player Load (745.1ms)  SELECT FirstName FROM `players` INNER JOIN `players_to_teams` ON `players_to_teams`.`player_id` = `players`.`id` INNER JOIN `teams` ON `teams`.`id` = `players_to_teams`.`team_id` WHERE `teams`.`SportTypeId` = 2 AND `players`.`hometownstate` = 'AZ'
  EXPLAIN (0.4ms)  EXPLAIN SELECT FirstName FROM `players` INNER JOIN `players_to_teams` ON `players_to_teams`.`player_id` = `players`.`id` INNER JOIN `teams` ON `teams`.`id` = `players_to_teams`.`team_id` WHERE `teams`.`SportTypeId` = 2 AND `players`.`hometownstate` = 'AZ'
EXPLAIN for: SELECT FirstName FROM `players` INNER JOIN `players_to_teams` ON `players_to_teams`.`player_id` = `players`.`id` INNER JOIN `teams` ON `teams`.`id` = `players_to_teams`.`team_id` WHERE `teams`.`SportTypeId` = 2 AND `players`.`hometownstate` = 'AZ'
+----+-------------+------------------+--------+---------------+---------+---------+----------------------------------------------+--------+-------------+
| id | select_type | table            | type   | possible_keys | key     | key_len | ref                                          | rows   | Extra       |
+----+-------------+------------------+--------+---------------+---------+---------+----------------------------------------------+--------+-------------+
|  1 | SIMPLE      | players_to_teams | ALL    | NULL          | NULL    | NULL    | NULL                                         | 260239 |             |
|  1 | SIMPLE      | players          | eq_ref | PRIMARY       | PRIMARY | 4       | mysql_development.players_to_teams.player_id |      1 | Using where |
|  1 | SIMPLE      | teams            | eq_ref | PRIMARY       | PRIMARY | 4       | mysql_development.players_to_teams.team_id   |      1 | Using where |
+----+-------------+------------------+--------+---------------+---------+---------+----------------------------------------------+--------+-------------+
3 rows in set (0.00 sec)

Completed 200 OK in 1034ms (Views: 154.7ms | ActiveRecord: 825.9ms)

所以我知道它有效。 如果我删除对remote: true的调用，我将获得预期的结果作为json对象。

这是我的coffeescript：

jQuery ->
  $("#sportForm")
  .bind 'ajax:beforeSend', (xhr, settings) ->
    alert 'loading'
  .bind 'ajax:success', (data, status, xhr) ->
    alert 'success'
  .bind 'ajac:complete', (xhr, status) ->
    alert 'success'
  .bind 'ajax:error', (xhr, status, error) ->
    alert 'error'

那里有拼写错误吗？ 应该在firebug中查看rails.js吗？

谢谢

Answer 1

事实证明问题在于SlickGrid。 无论是SlickGrid还是其中一个必需的jQuery-UI库都存在一些命名问题，并且正在窃取ajax响应的焦点。 我决定使用SlickGrid以外的东西，所以我从来没有完全诊断出这个问题，但它什么也没做。

注意

在Rails 3.2.1中，没有rails.js ，它是jquery_ujs.js 。

谢谢您的帮助

Answer 2

rails.js应该在firebug中可见，如果它不可见，浏览器不会请求它。 您的布局或javascript清单文件必须存在阻止rails.js加载的问题。

在Rails 3.1+中，请确保：

1. Gemfile包含：

   gem 'jquery-ujs'

   （如果不这样做，添加它并运行bundle ）

2. app / views / layouts / application.html.erb包含：

   <%= javascript_include_tag 'application' %>

3. app / assets / javascripts / application.js包含 ：

   //= jquery

   //= jquery-ujs

   （假设您正在使用资产管道）

如果是这种情况，您应该在Firebug中看到jquery.js和jquery_ujs.js ，或者在加载页面时在页面源中看到。