滚动分页的代码，会多次请求页码，导致数据重复，经过本人测试，是以下代码的有关问题，但没有找到解决办法，求解决

程序员文章站 2022-04-29 19:35:07

...

滚动分页的代码，会多次请求页码，导致数据重复，经过本人测试，是以下代码的问题，但没有找到解决方法，求解决
var page=1;
var setFixed=function(){
var t=$(document).scrollTop(); //卷上去的高度
var wh=$(window).height();//窗口的高度
var h=$(document).height();//网页窗口的高度
var data={};
var cateid=$("#cateid").val();
if(page>0){
$("#load").show();
//a=document.body.scrollHeight;
//b=$(window).scrollTop();
//c=$(window).height();
//if(c==(a-b) || page ==1){
if(t+wh>=h-50){
$.post(app.config.site+"/Game/getGame",{cateid:cateid,page:page},function(data){
$("#load").hide();
if(data.status==1){
//e.preventDefault();
$(".list_class").html($(".list_class").html()+data.info);
//$(".list_class").html(data.info);//覆盖页码
page++;
}else{
page=0;
}

},'json');

}
}
};
setFixed(page);
window.onscroll=setFixed;
});
});
------解决思路----------------------
设定一个 isajaxsend=false 的变量（只用于判断是否有滚动分页请求正在执行也可以）


var isajaxsend=false;
var page=1;
var setFixed=function(){
	var t=$(document).scrollTop(); //卷上去的高度
	var wh=$(window).height();//窗口的高度
	var h=$(document).height();//网页窗口的高度
	var data={};
	var cateid=$("#cateid").val();
	if(page>0){
		$("#load").show();
		//a=document.body.scrollHeight;
		//b=$(window).scrollTop();
		//c=$(window).height();
		//if(c==(a-b) 
------解决思路----------------------
 page ==1){
		if(t+wh>=h-50){
			if (isajaxsend) {//判断是否有滚动分页正在请求，若有则不请求
				return false;
			}
			isajaxsend = true;//标识正在请求分页内容
			$.post(app.config.site+"/Game/getGame",{cateid:cateid,page:page},function(data){
				$("#load").hide();
				if(data.status==1){
					//e.preventDefault();	
					$(".list_class").html($(".list_class").html()+data.info);
					//$(".list_class").html(data.info);//覆盖页码
					page++;
				}else{
					page=0;
				}
				isajaxsend = false;//不论成功与否，都标识为没有请求
			},'json');
		}
	}
};

滚动分页的代码，会多次请求页码，导致数据重复，经过本人测试，是以下代码的有关问题，但没有找到解决办法，求解决

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。