Rails 在使用 Ajax 时返回多个重复记录

Question

所以，我有一个包含多个电影剪辑的应用程序，用户可以搜索特定主题等...我正在使用 Ajax 处理分页，以便用户可以进行搜索查询并滚动以查看更多结果（类似于推特）。

问题是，当用户搜索“有趣”时，会出现一堆记录，并且当用户向下滚动时，Ajax 将长时间加载记录的重复项和新记录。

代码如下：

if $('.pagination').length
  $(window).scroll ->
    url = $('.pagination .next_page').attr('href')
    if url && $(window).scrollTop() > $(document).height() - $(window).height() - 50
      $('.loader').removeClass('hidden')
      $.getScript(url)
  $(window).scroll()

这是截图

在这种情况下，如何防止 rails 重复记录？我尝试了 uniq 和其他几种方法都无济于事。

谢谢！

更新这里有一些额外的代码可能有助于调试：

https://gist.github.com/pblogs/e202ee1f03339ba977ec

Answer 1

要调试这个问题，你真的要看看是javascript问题还是Rails问题

从您的调试来看，您的浏览器似乎正在向您的控制器发送两个单独的请求，这表明您有某种 javascript 问题。但是，我之前也遇到过 Rails 发回“多个”响应

解决问题的关键是确定导致问题的原因：

---

JS

如果是 JS 问题，您将遇到两个潜在问题：

1. Turbolinks
2. 您的脚本触发了两次

首先，我会确保 Turbolinks 在这里没有出现问题：

#app/assets/javascripts/application.js.coffee

#Paginate
paginate = ->
  if $('.pagination').length
    $(window).scroll ->
      url = $('.pagination a.next_page').attr('href')
      if url && $(window).scrollTop() > $(document).height() - $(window).height() - 50
        $('.loader').removeClass('hidden')
        $.getScript(url)
    $(window).scroll()

$(document).on "page:load ready", paginate

这将确保每次页面加载仅调用一次（它与Turbolinks Hooks 相关联）。这意味着，如果您想确保 Turbolinks 在部分重新加载页面后不会触发两次，它会这样做。

其次，您要确保您的脚本只会被调用一次。具体来说，我会调查这一行：

if url && $(window).scrollTop() > $(document).height() - $(window).height() - 50

这决定了脚本何时触发。您需要确保滚动只被调用一次，这一行将确定。

--

导轨

第二个潜在的关注点是 Rails。

如果您向 Rails 发送请求，您需要了解，如果 Turbolinks 之类的东西妨碍您，您可能会发回多个响应

我会确保我的控制器是这样设置的：

#app/controllers/your_controller.rb
class YourController < ApplicationController
   def your_action
      ...
      respond_to do |format|
         format.js
         format.html
      end
   end
end

Answer 2

确保您正在替换内容，而不是将另一组结果附加到 .js.erb 中的现有结果