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

varPageNo&＃61; 1;varPageSize&＃61; 50;

$(document).ready(function(){

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

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

})

})

iIntervalId&＃61;setInterval("test();",2000);functionshow(){

PageNo&＃43;&＃43;;

pageOffset&＃61;(PageNo-1)*PageSize&＃43;1;

$.get("ajax.php?act&＃61;get_more&LimitStart&＃61;"&＃43;pageOffset&＃43;"&PageNo&＃61;"&＃43;PageNo&＃43;&＃39;&r&＃61;&＃39;&＃43;Math.random(),function(data){if(&＃39;failure&＃39; !&＃61;data){

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

}

})

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

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

scrollTop&＃61;document.documentElement.scrollTop;

}else if(document.body)

{

scrollTop&＃61;document.body.scrollTop;

}returnscrollTop;

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

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

{varclientHeight&＃61;(document.body.clientHeight

}else{varclientHeight&＃61;(document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;

}returnclientHeight;

}//显示状态加载图片

functionshowLoadingImg() {

$(&＃39;#showmore&＃39;).html(&＃39;显示更多结果&＃39;);

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

functiongetScrollHeight()

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

}functiontest()

{if(getScrollTop()&＃43;getClientHeight()&＃61;&＃61;getScrollHeight())

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

$.get("ajax.php?act&＃61;GetPageTotal",function(data){//var string &＃61; PageNo &＃43; &＃39;----&＃39; &＃43; data;

//alert(string);

if(PageNo>&＃61;data){

clearInterval(iIntervalId);

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

}

})

showLoadingImg();

show();

}

}