javascript - Ruby on Rails - AJAX 问题(ActionController :UnknownFormat)

Question

我是 Ruby on Rails 的初学者，因此如果问题很明显，我深表歉意。我目前正在从事一个名为成绩簿的项目。在成绩簿的一个页面上，我一直在开发一项功能，用户可以单击“新类别”，然后在 div 中呈现一个表单，允许用户输入有关类别的信息，然后保存更改后，该类别将显示在屏幕上。所有这些都将使用 AJAX 进行。

这是我的思考过程:

1. 我向 View 添加了一个提交按钮，该按钮将触发类别 Controller 上的"new"操作。我使用remote: true，因此页面不会重定向到/category/new。我在表单底部创建一个 div，将在其中呈现类别表单。

   ...
   <%= form_for :category, url: new_gradebook_category_path, remote: true do |f| %>
       <%= f.submit 'New Category' %>
   <% end %>
   ...
   <div id="category_form"></div>
   

2. 在类别 Controller 中，我创建一个新类别并指定我只想生成 JavaScript 响应:

   def new
     @category = Category.new
   
     respond_to do |format|
       format.js      
     end
   end
   

3. 我在类别文件夹中创建“new.js.erb”，该文件夹将负责在 div 内呈现我的类别表单:

   $('#category_form').html("<%= j (render 'newcategory') %>");
   

4. 我创建了 _newcategory.html.erb，它是实际的形式:

   <%= form_for :category, url: gradebook_category_index_path, remote: true do |f| %>
     <p>
       <%= f.label :category_name, "Category Name"%><br>
       <%= f.text_field :category_name %>
     </p>
   
     <p>
       <%= f.label :category_description, "Category Description"%><br>
       <%= f.text_area :category_description %>
     </p>               
     <p>
       <%= f.submit, "Create Category" %>
     </p>    
   <% end %>
   

我的问题是，当用户单击“新类别”按钮时，没有任何反应。我查看了 Javascript 控制台，发现没有找到“new.js.erb”:

当我在新选项卡中打开此链接时，我得到 ActionController:UnknownFormat:

这是我尝试过的所有方法:

1. 我尝试更改:

         respond_to do |format|
           format.js      
         end
   

   对此:

         respond_to do |format|
           format.html
           format.js      
         end
   

   我读到使用“format.js”作为唯一的响应可以产生这个错误。然而，这只是给了我“缺少模板类别/新”。虽然我不必指定 new.html.erb，因为我希望这是一个 AJAX 响应并且我希望它保持在同一页面上。

2. 我尝试删除 tmp 文件夹，但没有成功。

3. 我使用“File.exists?”检查以确保文件存在，它们确实存在。

4. 我检查以确保服务器没有将其解释为 HTML，并根据我的服务器输出:

     Started POST "/gradebook/2/category/new" for 127.0.0.1 at 2014-10-16 16:43:02 -0700
     Processing by ApplicationController#routing_error as JS
     Parameters: {"utf8"=>"✓", "commit"=>"New Category", "path"=>"gradebook/2/category/new"}
     Rendered public/404.html (0.1ms)
     Completed 404 Not Found in 12ms (Views: 11.3ms | ActiveRecord: 0.0ms)
   

   它被解释为 Javascript 文件，但它确实显示“ApplicationController#routing_error”，但我无法理解此路由错误发生在哪里。

5. 我检查过以确保 JQuery 已启用(因为 JS 文件使用 JQuery)，并且它已启用。

目前，我不太确定问题是什么。我觉得这个问题非常明显，但 Rails 服务器的行为就像 javascript 文件甚至不存在一样。任何帮助将非常感激。非常感谢。

Answer 1

是的，这是因为如果您查看屏幕截图，您会发现这是操作 POST(form_for 自动使用 POST 方法)，但 Rails 处理像 GET 一样使用“new”的请求。如果您输入rake paths或bundle exec rake paths，您会发现您的操作为GET。你可以直接在form中设置action为GET而不是POST:

form_for :category, url: new_gradebook_category_path, method: :get, remote: true do |f|

希望对你有帮助