RAIRS 3 UJS-控制器通过link_to两次调用：远程

Question

我有一个奇怪的问题，即JQuery正在为link_to方法创建两个AJAX请求。我正在开发带有UJS的jQuery的Rails 3应用程序。我有一个切换链接，可以在“关注”和“取消关注”之间切换

我的链接呈现如下：

<span id="follow_link">
  <a href="/tfollow_artist?id=8103103" data-method="post" data-remote="true" id="follow_artist" rel="nofollow">Unfollow</a>
</span>

我的控制器设置如下：

def tfollow_artist
  @artist = Artist.find(params[:id])
  if current_user.following?(@artist) 
    current_user.stop_following(@artist)
  else 
    current_user.follow(@artist)
  end
 end

最终将 js 呈现为：

 $('#follow_link').html('<%= escape_javascript(render :partial => "follow") %>');

基本上替换了 '...仅使用相同的URL，文本是不同的。例如，上面现在将呈现为：

<span id="follow_link">
  <a href="/tfollow_artist?id=8103103" data-method="post" data-remote="true" id="follow_artist" rel="nofollow">Follow</a>
</span>

但是，这会以某种方式导致 JQuery 发出两个 AJAX 请求。

任何人都可以看到这里出了什么问题吗？

我正在使用“jquery-rails”gem，它将最新的 jquery-ujs 文件复制到我的应用程序。 JQuery 版本是 1.4.3

Answer 1

感谢这个对话框：

https://github.com/rails/jquery-ujs/issues/208

我发现 jquery 和 jquery_ujs 被包含了两次。

我猜 jquery-rails gem 会自动将它们放入 application.js 中，然后我也将它们包含在 application.js 中。

似乎无论出于何种原因，application.js 都会自动将所有内容捆绑在 app/assets/javascripts/ 中 - 即使我删除了所有需求。

所以，如果你的 :remote =>真正的表单提交了两次，请尝试检查 application.js。

希望这有帮助！

更新：我相信这可能与我在不使用摘要的情况下预渲染资产有关，因此当我的开发环境根据 app/assets/application.js 中的需求在 html 头部动态添加脚本标签时，它还为应该是空的动态 application.js 添加了一个，除了加载来自 public/assets 的静态 application.js 。令人困惑？是的！

Answer 2

我遇到了同样的问题，通过

\#config.assets.debug = true

在开发模式下评论这一行来解决

Answer 3

我有类似的问题。运行以下 rake 任务解决了我的问题。

rake tmp:clear
rake assets:clean

Answer 4

我认为发生的情况是您的 JavaScript 没有阻止浏览器执行链接。因此，您会收到 AJAX 请求，然后收到浏览器请求。

Rails Cast 174 中有对此的解释和解决方案。文本解释此处，大约向下翻页 3/4。

Answer 5

我遇到了同样的问题：使用 :remote => 时出现重复请求真的。我的问题是由于使用 Heroku 和预编译资产造成的。我在部署到 Heroku 之前预编译资产（rake asset:precompile）。这实际上会在您的公共文件夹中创建资产管道的重复副本。因此，正如 Docuext 提到的那样，发生了同样的事情：有多个 javascript 文件处理每个请求。

如果我在本地工作时删除公共目录中的资产（git rm -rf public/assets），它就会得到修复。从公共目录中删除资产后，它停止发送多个请求

Answer 6

尝试此代码...以防止双击远程链接..

$('a[data-remote=true]').live('ajax:before', function () {
   if ($(this).attr('ajax-loading')) {
     return false;
   } else {
     $(this).attr('ajax-loading', true);
   }
}).live('ajax:complete', function () {
  $(this).removeAttr('ajax-loading');
});

Gist

Answer 7

对我来说也有同样的问题：两次 XMLHttpRequest
link_to ... :remote => “true”

我已经解决了，在

locals/application.rb 中：

通过注释

// config.assets.paths << Rails.root.join('vendor','assets','stylesheets','javascripts')

并取消注释

config.action_view.javascript_expansions[:defaults] = %w(jquery jquery-ui application)

然后我忘了在上次 git pull 后做什么。
我希望能帮助某人。

Answer 8

您想要作为 :defaults 的 JavaScript 文件（始终包含 application.js）。

 config.action_view.javascript_expansions[:defaults] = %w(jquery rails)

注释行清楚地表明 application.js 始终包含在内。
在我的应用程序中，我已默认添加应用程序。因此，对于 ajax .submit 它在我的应用程序中创建了两条记录。

Answer 9

我刚才也遇到了同样的问题。检查了所有代码更改并尝试了其他方法但无济于事。最后清除浏览器缓存。这有帮助。

Answer 10

如果您无法找到两次加载 ujs 文件的位置，只需将此代码复制到rails.js / application.js 中（最好不要在这里）

var alreadyInitialized = function() {
    var events = $(document).data('events');
    return events.click && $.grep(events.click, function(e) { return e.namespace === 'rails'; }).length;
    }

if ( alreadyInitialized() ) {
    $.error('jquery-ujs has already been loaded!');
}

Answer 11

根据 Eugene 的回答，请注意，如果您在本地预编译用于生产的资产后进行开发，例如...

bundle exec rake assets:precompile RAILS_ENV=production

...那么当您继续开发时，Rails AssetPipeline 将希望同时服务于两者您的未编译和您的已编译资源。

解决这个问题的一种方法是使用 Eugene 的 Rails 的标准 rake 任务。另一种方法是简单地删除那些讨厌的预编译生产就绪资产，例如

$ rm -rf #{Rails.root}/public/assets