Javascript 执行加载更多功能时限制克劳斯

因此，我试图加载更多的基本功能

目前，我的页面上显示了数据库中的8个结果

用户一滚动，就会出现一个load more按钮，单击该按钮就会向另一个php页面运行一个ajax请求，该页面将加载8个以上的结果。这在实践中是可行的，但我不知道如何加载，例如，8-16，然后是16，24等等

我应该如何改变我的限制克劳斯，每次增加8个，以便获取下一组结果。（我测试它，每次只加载一个结果，这样我就可以看到它是否更容易改变它们。）

这里是ajax调用：

$(document).ready(function(){
    $('#loadmorebuilds-div').click(function() {
        $.ajax({
           url: 'includes/loadmorebuilds.php',
           success: function(html) {
              var el = jQuery(html);
              jQuery("#buildcontainer").append(el).masonry( 'reload' );
              $("#loadmorebuilds-div").stop().fadeOut();
           }
        });
    });
});

然后是加载更多内容的查询：

$query = "SELECT * FROM blogs WHERE frontpage = 1 LIMIT 8, 1";

---

谁能给我指出正确的方向吗？希望我已经解释够了。

使用内部计数器或其他计数器查看应加载的页面：

var pageIndex = 1;
$('#loadmorebuilds-div').click(function() {
    $.ajax({
       url: 'includes/loadmorebuilds.php?pageIndex=' + pageIndex,
       success: function(html) {
          var el = jQuery(html);
          jQuery("#buildcontainer").append(el).masonry( 'reload' );
          $("#loadmorebuilds-div").stop().fadeOut();
          pageIndex++;
       }
    });
});

在服务器端，使用

pageIndex

值创建MySQL查询：

SELECT * FROM blogs WHERE frontpage = 1 LIMIT 8, 8;
SELECT * FROM blogs WHERE frontpage = 1 LIMIT 16, 8;
SELECT * FROM blogs WHERE frontpage = 1 LIMIT 24, 8; -- etc

---

只是一个旁注：您应该只获取新数据，而不是之前获取的所有数据。好的，我看到了这一个，所以在loadmorebuids.php中，我将获取pageIndex，然后将其用作变量来确定第一个限制值？这正是我的意思）如此简单：）立即生效，只需要在没有结果时对其进行调整：）谢谢您的帮助！