Question

我正在寻找一个教程，分解jQuery的Endless / Infinite Scroll插件如何调用存储在MySQL数据库中的数据...大概是用PHP，尽管我是初学者，所以我可能会在这里遗漏一些东西。

到目前为止，我发现的所有内容都涉及到javascript的细节，或者“无页面网络”的哲学，但实际上并没有解释如何使用该插件对大型查询结果进行解析。

非常感谢任何帮助：）

Answer 1

参考this answer，您可以使用jquery来检测何时到达页面结尾...

  $('#col2').scroll(function(){
    if ($('#col2').scrollTop() == $('#col2').height()){
       loadMore();
    }
});

一旦到达页面末尾，您可以编写一个方法来执行ajax调用以获取更多数据，请参阅JQuery AJAX ...

$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
 })

然后可以将PHP页面返回的结果添加到网页底部，请参阅JQuery append。

我希望这有助于......：）

Answer 2

万一有人遇到问题，正如我所做的那样得到正确的$(document).height，我解决问题的方法就是准备好文件我用var doc = document.documentElement.clientHeight来获得正确的高度并把它放到在变量中，然后使用：if ($(window).scrollTop() >= $(window).height() - + doc + - 100)来建立条件。我希望这有助于某人。

Answer 3

如果您正在寻找在PHP中实现无限滚动的教程，这可以帮助您。本教程使用jscroll并在php网站上使用服务器端的codeigniter框架实现。 Tutorial on endless scrolling in php

关于jQuery Endless / Infinite Scroll和PHP-MySQL的教程

3 个答案: