使用这样的功能在页面向下滚动时加载数据
$(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()函数.
如何在没有完成第一个请求的情况下防止第二个请求处理.这可能吗？因此,我得到重复的数据记录.我需要阻止显示重复记录.
谢谢！
您需要通过设置布尔标志来检查ajax请求是否繁忙
原文链接：https://www.f2er.com/php/445217.htmlvar 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;
});
}
