javascript - 为同一事件的每次发生追加数据

Question

每次用户滚动到窗口底部时，我都会使用ajax附加一些php文件。

$(window).scroll(function(){
    if($(window).scrollTop() + $(window).height() > $(document).height() - 100){
    $(window).unbind('scroll');
    // Function to append php files using ajax
    }
})

我想识别下一次用户滚动到页面底部并附加一些其他 php 文件，但是如何找到滚动到页面底部的下一个(1 个或多个)事件？

Example: First scroll to bottom: Append 1.php 2.php
         second scroll to bottom: append 3.php 4.php
         third scroll to bottom: append 5.php 6.php
         4th scroll to bottom: show footer

我不需要无限滚动插件。因为那里没有 footer 的概念。

Answer 1

您需要维护一个计数器变量来计算您发出的请求数量。然后您可以将其传递给服务器，然后服务器将返回所需的信息。像这样的事情:

var requestCount = 0;
$(window).scroll(function(){
    if ($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
        $(window).unbind('scroll');
        // Function to append php files using ajax
        requestCount++;
        if (requestCount < 4) {
            $.ajax({
                url: 'foo.php',
                data: { page: requestCount },
                success: function() {
                    // append your items
                }
            }
        }    
        else {
            // show footer
        }
    }
})

在 PHP 中，您需要获取 page 变量并返回相关项目。