PHP中的滚动加载数据,php+ajax实现拖动滚动条分批加载请求加载数据

无标题文档

varPageNo= 1;varPageSize= 50;

$(document).ready(function(){

$.get("ajax.php",function(data){

$("#mypage").html(data);

})

})

iIntervalId=setInterval("test();",2000);functionshow(){

PageNo++;

pageOffset=(PageNo-1)*PageSize+1;

$.get("ajax.php?act=get_more&LimitStart="+pageOffset+"&PageNo="+PageNo+'&r='+Math.random(),function(data){if('failure' !=data){

$("#mypage").append(data);//$("#showmore").html('显示更多结果');

}

})

}//当前滚动条位置高度

functiongetScrollTop(){varscrollTop=0;if(document.documentElement&&document.documentElement.scrollTop){

scrollTop=document.documentElement.scrollTop;

}else if(document.body)

{

scrollTop=document.body.scrollTop;

}returnscrollTop;

}//取窗口可视范围的高度

functiongetClientHeight(){varclientHeight=0;if(document.body.clientHeight&&document.documentElement.clientHeight)

{varclientHeight=(document.body.clientHeight

}else{varclientHeight=(document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;

}returnclientHeight;

}//显示状态加载图片

functionshowLoadingImg() {

$('#showmore').html('显示更多结果');

}//取得当前页面显示所占用的高度

functiongetScrollHeight()

{returnMath.max(document.body.scrollHeight,document.documentElement.scrollHeight);

}functiontest()

{if(getScrollTop()+getClientHeight()==getScrollHeight())

{//此处还要做判断，判断数据是否已经加载完，若加载完就不在显示加载图片

$.get("ajax.php?act=GetPageTotal",function(data){//var string = PageNo + '----' + data;

//alert(string);

if(PageNo>=data){

clearInterval(iIntervalId);

$("#showmore").hide();return;

}

})

showLoadingImg();

show();

}

}