php - 使用 PHP 在页面向下滚动时加载 Ajax 数据

Question

使用这样的函数在页面向下滚动时加载数据

$(window).scroll(function(){
        if ($(window).scrollTop() == $(document).height() - $(window).height())
        {
            //alert('Scrolling Down');
            get_summary_details(); //Here it calls AJax Function load the data

        }
    });

get_summary_details() 函数在页面向下滚动时正常工作。这个函数是这样的

function get_summary_details()
    {

        var dataString=[];
        $('div.company_summary_data').each(function() {
            var id = $(this).attr('id');
            dataString.push(id);
        });                     
        $.ajax({
            url:"getajaxcompanysummarydetails",
            type:"POST",
            //dataType: "json",
            data:"last_app_data_id="+JSON.stringify(dataString),
            success:function(data)
            {                               
                $('.company_summary_data:last').after(data);

            }

        });         
    }

我的问题是

• 当 get_summary_details() 处理请求时，用户将转到页面的顶部 并滚动 ，同样这个 get_summary_details( ) 函数将执行。

如何在第一个请求未完成的情况下阻止第二个请求处理。这可能吗？因此，我得到了重复的数据记录。我需要防止显示重复的记录。

谢谢!

Answer 1

您的 AJAX 请求很可能一个接一个地排队，因为它们是异步的，即使 JavaScript 本身大部分是单线程的。

您可以使用abort() 方法来确保一次只运行一个请求。您需要将 $.ajax() 返回的 jqXHR 对象分配给一个变量:

请引用这个link