手机屏幕向下滑动分页取数据

        我们在进入页面的时候查询数据列表,如果数据非常的多,一次性查询所有数据会非常的慢,我们就可以通过分页查询一次查询比如10条或者15条之类的方法,分页去查询,速度就会快很多了.

        window.οnscrοll=function(){
        var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;
        var differ=Math.abs(document.body.offsetHeight-document.documentElement.clientHeight);//取滑动的相对距离的绝对值
        //scrollTop>0控制只向下滑动时取数据
        //differ控制滑动的相对距离达到一定程度时获取数据
        if(scrollTop>=document.body.offsetHeight-document.documentElement.clientHeight && scrollTop>0 && differ>100 && datalength==10)
        {
//            var v2=document.body.offsetHeight-document.documentElement.clientHeight;
//            alert("滚动测试");
//            alert("滚动,v1:"+scrollTop+ ",v2:" + v2 + ",v3:" + document.body.offsetHeight + ",v4:" + document.documentElement.clientHeight);
            getcolumnlist(column_number);//column_number 为查询页数
        }
    }

   

        s刚进页面的时候进行第1次查询,getcolumnlist(column_number);传递column_number = 0 .
后台返回数据的时候带回column_number = 1 .
然后触发方法时,getcolumnlist(column_number);带column_number = 1  继续查询.一次类推.

datalength==10 也是后台返回的数据,规定一次返回10条数据,如果有哪次datalength 的数据 < 10说明数据不够了,后面已经没有数据了,
也就不用再触发这个方法据需向后查询了.


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值