Rails 3 Form Remote不工作

Question

我的ajaxy調用不起作用，然後它隨機開始工作，然後當我添加更多coffeescript時停止工作。我刪除了添加的咖啡標記，仍然沒有工作。

我注意到沒有加載rails.js（通過firebug/Chrome檢查員進行檢查）。在導軌3.2.1中，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應該是可見的的螢火，如果它是不可見它不被瀏覽器請求。您的佈局或JavaScript清單文件必須存在阻止加載rails.js的問題。

Rails中3.1+

，確保：

1. 的Gemfile包含：

   gem 'jquery-ujs'

   （添加並運行bundle如果你不這樣做）

2. 應用程式/視圖/佈局/ application.html.erb包含：

   <%= javascript_include_tag 'application' %>

3. 應用程序/資產/ Javascript角/ application.js中 containts：

   //= jquery

   //= jquery-ujs

   （假設您正在使用資產管道）

如果是這樣的話，你應該看到jquery.js和jquery_ujs.js螢火蟲，或在頁面的源代碼時加載頁面。