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

        我们在进入页面的时候查询数据列表,如果数据非常的多,一次性查询所有数据会非常的慢,我们就可以通过分页查询一次查询比如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说明数据不够了,后面已经没有数据了,
也就不用再触发这个方法据需向后查询了.


你可能感兴趣的:(js,移动端网页,分页查询数据)