js 逻辑代码
$(window).scroll(function(){
//判断是否滑到底部
if ($(window).scrollTop() + $(window).height() == $(document).height()) {
//判断 所有数据是否加载完毕(加载完,代表后台没有数据,划不动了)
if(!($("#queryEnd").val() == 'ok')){
//获取页数
var pageNo = $("#pageNo").val();
$.ajax({
url: "http://itshowing.com",
data: "pageNo="+pageNo,
type: "POST",
dataType:"json",
async: false,
success:function(result){
if(result.status=='1'){
if(result.list.length>0){
//拼接数据(逻辑代码)
//页码 自增1,用于下次查询
pageNo = parseInt(pageNo)+1+"";
$("#pageNo").val(pageNo);
}else{
//数据查询完毕 标记
$("#queryEnd").val("ok");
//底部显示 数量(详情 根据业务需求扩展)
}
}
}
});
}
}
});
<!-- 隐藏域:临时存储页码,用于滚动分页查询 -->
<input type="hidden" id="pageNo" value="2">
<!-- 隐藏域:临时存储标记,是否数据全部加载完成 -->
<input type="hidden" id="queryEnd">
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于