宝哥软件园

无刷新动态加载数据滚动条加载适合评论等页面

编辑:宝哥软件园 来源:互联网 时间:2021-11-15

滚屏加载更多数据,适合评论等页面本例的数据库很简单,一看就明了

复制代码代码如下: div id='container '?php $query=mysql_query('按编号从内容顺序中选择* desc限制0,10 ');while($ row=MySQL _ fetch _ array($ query)){?div class=' single _ item ' div class=' element _ head ' div class=' date '?服务器端编程语言(Professional Hypertext Preprocessor的缩写)回显日期(' m-d H:i ',strtotime($ row[' update time ']);/div div class='作者?PHP echo $ row[' id '];/div/div class=' content '?PHP echo $ row[' message '];/div /div?php }?/div class='无数据'/div js文件复制代码代码如下:脚本类型=' text/JavaScript ' $(function(){ var WinH=$(window)).高度();//页面可视区域高度var I=1;$(窗口)。scroll(function(){ var PageH=$(document。正文).高度();var scrollT=$(窗口)。滚动顶部();//滚动条top var aa=(pageH-WinH-scrollT)/WinH;if(aa0.02){ $ .getJSON('result.php ',{page:i},function(JSON){ if(JSON){ var str=' ';$.每个(json,函数(索引,数组){ var str=' div class= ' single _ item ' div class= ' element _ head ';var str=str 'div class='date '数组[' date ']'/div;var str=str ' div class= ' author ' array[' author ']'/div ';var str=str/div div class= ' content ' '数组[' content ']'/div/div ';$(“# container”).追加(字符串);});我;}else{ $(' .无数据').显示()。html(")别滚动了,已经到底了。');返回false } });} });});/脚本result.php复制代码代码如下:PHP include(' conn . PHP ');$ page=int val($ _ GET[' page ']);//获取请求的页数$ start=$ page * 5;$query=mysql_query('按编号从内容订单中选择* desc限制$start,5 ';while($ row=MySQL _ fetch _ array($ query)){ $ arr[]=array(' content '=$ row[' message '],' author'=$row['id'],' date'=date('m-d H:i ',strtotime($ row[' updatetime '])))));} echo JSON _ encode($ arr);//转换为json数据输出?

更多资讯
游戏推荐
更多+