使用AJAX表单的麻烦

Trouble on using AJAX forms

本文关键字：麻烦 表单 AJAX 使用      更新时间：2023-09-26

我使用Ruby on Rails 3.1.1和jquery-rails 1.0.16 gem。我对使用:remote => true的表单有一个问题。

在我的视图文件中，我有:

<%= form_for(@user, :url => user_path(@user), :remote => true) do |f| %>
  ...
  <%= f.submit "Update" %>
<% end %>

当我单击Update按钮并检查Firebug控制台时，我看到执行了两个AJAX HTTP请求，而不是应该执行的一个。同样的问题发生在我的应用程序中使用:remote => true的所有表单。

有什么问题吗?如何解决这个问题?

注意:如果我检查DOM似乎在当前页面我没有重复的HTML'CSS id值。

注:I:我尝试使用不同的浏览器并清除它们的缓存，但问题仍然发生。

注:II:问题发生在本地主机(在我的本地机器上)的开发模式下。如果它发生在远程机器的生产模式下，我还没有尝试过。

更新我

在我的application.js文件中我有

//= require jquery
//= require jquery_ujs
//= require jquery-ui

我试图删除require jquery_ujs行，现在它似乎工作，直到我运行bundle exec rake assets:precompile命令并重新启动服务器。完全:如果我删除require jquery_ujs行，我做不运行bundle命令，它的工作和预期的一样好;但如果然后我运行bundle命令AJAX表单提交不工作"在所有"'"不再"。

可能问题与生成指纹文件的bundle命令有关…可能是吗?

更新二

与JavaScript文件相关的文件系统是:

app/assets/javascripts/
app/assets/javascripts/application.js
lib/assets/javascripts/
vendor/assets/javascripts/
vendor/assets/javascripts/vendor.js
vendor/assets/javascripts/jquery_plugins/plugin1.js
vendor/assets/javascripts/jquery_plugins/plugin2.js
vendor/assets/javascripts/jquery_plugins/....js

在我的app/assets/javascripts/application.js文件中，我有:

//= require jquery
//= require jquery_ujs
//= require jquery-ui
//
//= require_tree .
//
//= require vendor

在我的vendor/assets/javascripts/vendor.js文件中，我有:

//= require_directory ./jquery_plugins

如果我运行以下命令

$ bundle exec rake assets:precompile
/<MY_USER_PATH>/.rvm/rubies/ruby-1.9.2-p290/bin/ruby /<MY_USER_PATH>/.rvm/gems/ruby-1.9.2-p290/bin/rake assets:precompile:all RAILS_ENV=production RAILS_GROUPS=assets
/<MY_USER_PATH>/.rvm/rubies/ruby-1.9.2-p290/bin/ruby /U<MY_USER_PATH>/.rvm/gems/ruby-1.9.2-p290/bin/rake assets:precompile:nondigest RAILS_ENV=production RAILS_GROUPS=assets

在public/assets/目录下它创建了这些文件

application-b63d5946eebe0c8d46e078ef32299fc5.js
application-b63d5946eebe0c8d46e078ef32299fc5.js.gz
application.js
application.js.gz
manifest.yml
...

如果我检查页面的HTML代码，我可以看到以下内容:

<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-ui.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_plugins/plugin1.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_plugins/plugin2.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_plugins/....js?body=1" type="text/javascript"></script>
<script src="/assets/vendor.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>

在Rails 3.1之前，您可以通过手动将rails.js添加到public/javascripts文件夹来包含jQuery-ujs。

与Rails 3.1，你现在有一个gem 'jquery-rails'行在你的Gemfile和require jquery_ujs行在你的app/assets/javascripts/application.js文件;没有必要手动添加rails.js文件，因为它已经与gem捆绑在一起了。

如果你将一个非3.1的应用升级到3.1，你可能仍然有rails.js，所以UJS的东西会运行两次。与其从application.js文件中删除require行，不如直接删除rails.js文件。(你也可能仍然有实际的jQuery JS文件坐在那里;同样的，它被jquery-rails gem自动包含，你可以删除它)。

我刚意识到你在预编译你的资产。你不想在开发模式下这样做，因为当你请求/assets/application.js时，它可能会提供/public/assets/application.js，其中包括它内部的所有其他JS文件。要解决这个问题，请清除public/assets文件夹，只在生产中预编译您的资产。(参见Rails 3.1远程请求提交两次)

相关文章：