手机版

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

时间: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数据输出?

版权声明:无刷新动态加载数据滚动条加载适合评论等页面是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。