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

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

$(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);

            }

        });         
    }

我的问题是

>处理Request用户的get_summary_details()将进入页面顶部并向下滚动,同样将执行此get_summary_details()函数.

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

谢谢！

var loadingSummaryDetails = false;

启动Ajax时将其设置为true,并在调用结束时将其设置为false

function get_summary_details()
{
    if(loadingSummaryDetails) {
        return;
    }
    loadingSummaryDetails = true;

    var dataString=[];
    $('div.company_summary_data').each(function() {
        var id = $(this).attr('id');
        dataString.push(id);
    });                     
    $.ajax({
        url:"getajaxcompanysummarydetails",success:function(data)
        {     
            $('.company_summary_data:last').after(data);

        }

    }).always(function()
        {     
            loadingSummaryDetails = false;
        });         
}

（编辑：安卓应用网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!