无刷新动态加载数据 滚动条加载适合评论等页面
2015-01-24信息快讯网
无刷新动态加载数据,滚屏加载更多数据,适合评论等页面,具体实现如下,感兴趣的朋友可以参考下
滚屏加载更多数据,适合评论等页面本例的数据库很简单,一看就明了
<div id="container"> <?php $query=mysql_query("select * from content order by id desc limit 0,10"); while ($row=mysql_fetch_array($query)) { ?> <div class="single_item"> <div class="element_head"> <div class="date"><?php echo date('m-d H:i',strtotime($row['updatetime']));?></div> <div class="author"><?php echo $row['id'];?></div> </div> <div class="content"><?php echo $row['message'];?></div> </div> <?php } ?> </div> <div class="nodata"></div>
js文件
<script type="text/javascript"> $(function(){ var winH = $(window).height(); //页面可视区域高度 var i = 1; $(window).scroll(function () { var pageH = $(document.body).height(); var scrollT = $(window).scrollTop(); //滚动条top var aa = (pageH-winH-scrollT)/winH; if(aa<0.02){ $.getJSON("result.php",{page:i},function(json){ if(json){ var str = ""; $.each(json,function(index,array){ var str = "<div class=\"single_item\"><div class=\"element_head\">"; var str = str + "<div class=\"date\">"+array['date']+"</div>"; var str = str + "<div class=\"author\">"+array['author']+"</div>"; var str = str + "</div><div class=\"content\">"+array['content']+"</div></div>"; $("#container").append(str); }); i++; }else{ $(".nodata").show().html("别滚动了,已经到底了。。。"); return false; } }); } }); }); </script>
result.php
<?php include("conn.php"); $page = intval($_GET['page']); //获取请求的页数 $start = $page*5; $query=mysql_query("select * from content order by id desc limit $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数据输出 ?>
异步加载技术实现当滚动条到最底部的瀑布流效果
PHP使用GIFEncoder类生成gif动态滚动字幕
windwos下使用php连接oracle数据库的过程分享
php实例分享之mysql数据备份
php表单请求获得数据求和示例
PHP实现的MongoDB数据库操作类分享
PHP实现把MySQL数据库导出为.sql文件实例(仿PHPMyadmin导出功能)
php判断页面是否是微信打开的示例(微信打开网页)
php生成静态页面的简单示例
php 使用GD库为页面增加水印示例代码
PHP_Cooikes不同页面无法传递的解决方法
设置php页面编码的两种方法示例介绍
php ci框架中加载css和js文件失败的解决方法
php自动加载autoload机制示例分享
div li的多行多列 无刷新分页示例代码
PHP字符串长度计算 - strlen()函数使用介绍
php中将数组转成字符串并保存到数据库中的函数代码
PHP利用REFERER根居访问来地址进行页面跳转
php中通过curl检测页面是否被百度收录
php实现的一个很好用HTML解析器类可用于采集数据
php数据类型判断函数有哪些
php jq jquery getJSON跨域提交数据完整版
PHP连接局域网MYSQL数据库的简单实例
php读取csv文件后,uft8 bom导致在页面上显示出现问题的解决方法
页面乱码问题的根源及其分析
PHP实现根据浏览器跳转不同语言页面代码
解析php类的注册与自动加载
解析zend Framework如何自动加载类
如何在smarty中增加类似foreach的功能自动加载数据
编写Smarty插件在模板中直接加载数据的详细介绍
解析php扩展php_curl.dll不加载的解决方法
用PHP+java实现自动新闻滚动窗口