大佬教程收集整理的这篇文章主要介绍了使用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; }); }
以上是大佬教程为你收集整理的使用PHP向下滚动页面时加载Ajax数据全部内容,希望文章能够帮你解决使用PHP向下滚动页面时加载Ajax数据所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。