小编典典

在ajax加载的页面中无限滚动

ajax

我有一个页面(我们称其为1.php),它使用jQuery-ajax将2.php加载到div-
box中。2.php从我的数据库中打印20条记录。当滚动时到达div框的底部时,我希望它加载接下来的20条记录。像Facebook,Twitter等,都是这样做的。

现在,我已经有了这种行为,但是仅当自己加载2.php时!但不在div框中。

我该怎么办?

提前致谢!


阅读 349

收藏
2020-07-26

共1个答案

小编典典

文件1.php应该输出以下内容:

<div id="content">
</div>

<script type="text/javascript">
  $(document).ready(function() {
    // when we scroll, check the position:
    $(window).scroll(function()
    {
      // if at bottom, add new content:
      if  ($(window).scrollTop() == $(document).height() - $(window).height())
      {
        $.get("2.php",function(data) {
          $("#content").append(data);
        },'html');
      }

    });

  });
</script>

如果要将迭代号发送到2.php,则可以在一些隐藏的输入中记住它,并将其作为参数发送到$ .get()。

希望能帮助到你。

2020-07-26