在Rails应用程序中无限滚动

Question

我正在使用此https://github.com/jney/jquery.pageless.demo/tree/master/example.rails3插件在我的应用程序中实现无限滚动效果。 开发人员在他的自述文件中提到仅复制此内容

               $('#container1').pageless({ 
                 totalPages: 5,
                 url: 'shirts/first',
                 loaderMsg: 'Loading more results'
               });

但这没有用。 然后我下载了他的演示并查看了他的代码，发现我什至必须在我的控制器中编写它

           if request.xhr?
             sleep(1)
             render :partial => 'shirts/first'
           end

有人可以向我解释以上代码吗？ javascript代码和上面的代码有什么关系？ 我对工作有一些想法，但我不太确定，因此任何对此事持保留态度的人，能请您解释一下吗？

Answer 1

发出AJAX请求时，它会添加一个特殊的X-Requested-With标头，您可以检查该标头。 本质上，代码正在执行的是：

if request.xhr? #Check for the X-Requested-With Header
  sleep(1) #Wait for 1 second
  render :partial => 'shirts/first' #Insert the partial into the container
end

使用jQuery从头开始实现此功能可能会很有教育意义，因为它并不那么困难，并使其中的某些部分对您而言变得更加明显。