javascript - Rails 应用程序中的无限滚动

Question

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

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

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

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

有人可以向我解释上面的代码吗？ javascript代码和上面的代码有什么关系？我对工作有一些想法，但我不完全确定，所以任何对此事有把握的人，你能解释一下吗？

Answer 1

发出 AJAX 请求时，它会添加一个特殊的 X-Requested-With header ，您可以检查该 header 。基本上代码正在做的是:

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 从头开始​​实现它可能会很有教育意义，因为它不会那么困难，并且会使其中的某些部分对您来说更加明显。