滚动分页的代码,会多次请求页码,导致数据重复,经过本人测试,是以下代码的问题,但没有找到解决方法,求解决
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'); } }};
你每次都请求的是整页 $.post(app.config.site+"/Game/getGame",{cateid:cateid,page:page}......
但却是追加显示 $(".list_class").html($(".list_class").html()+data.info);
@xuzuning :$.post(app.config.site+"/Game/getGame",{cateid:cateid,page:page}..,是将cateid和page提交到php文件里,php文件接收值,查询数据,通过AJAX返回, $(".list_class").html($(".list_class").html()+data.info); 接收返回的数据。谢谢你
@jam00 : 谢谢你,数据不在重复了,你能跟我说一下,为什么这样写吗?一开始的时候,我也用true和false这样写的,但是不行呢

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

会话劫持可以通过以下步骤实现:1.获取会话ID,2.使用会话ID,3.保持会话活跃。在PHP中防范会话劫持的方法包括:1.使用session_regenerate_id()函数重新生成会话ID,2.通过数据库存储会话数据,3.确保所有会话数据通过HTTPS传输。

JWT是一种基于JSON的开放标准,用于在各方之间安全地传输信息,主要用于身份验证和信息交换。1.JWT由Header、Payload和Signature三部分组成。2.JWT的工作原理包括生成JWT、验证JWT和解析Payload三个步骤。3.在PHP中使用JWT进行身份验证时,可以生成和验证JWT,并在高级用法中包含用户角色和权限信息。4.常见错误包括签名验证失败、令牌过期和Payload过大,调试技巧包括使用调试工具和日志记录。5.性能优化和最佳实践包括使用合适的签名算法、合理设置有效期、

SOLID原则在PHP开发中的应用包括:1.单一职责原则(SRP):每个类只负责一个功能。2.开闭原则(OCP):通过扩展而非修改实现变化。3.里氏替换原则(LSP):子类可替换基类而不影响程序正确性。4.接口隔离原则(ISP):使用细粒度接口避免依赖不使用的方法。5.依赖倒置原则(DIP):高低层次模块都依赖于抽象,通过依赖注入实现。

在PHPStorm中如何进行CLI模式的调试?在使用PHPStorm进行开发时,有时我们需要在命令行界面(CLI)模式下调试PHP�...

如何在系统重启后自动设置unixsocket的权限每次系统重启后,我们都需要执行以下命令来修改unixsocket的权限:sudo...

静态绑定(static::)在PHP中实现晚期静态绑定(LSB),允许在静态上下文中引用调用类而非定义类。1)解析过程在运行时进行,2)在继承关系中向上查找调用类,3)可能带来性能开销。

使用PHP的cURL库发送JSON数据在PHP开发中,经常需要与外部API进行交互,其中一种常见的方式是使用cURL库发送POST�...
