无刷新动态加载数据 滚动条加载适合评论等页面
滚屏加载更多数据,适合评论等页面
本例的数据库很简单,一看就明了
$query=mysql_query("select * from content order by id desc limit 0,10");
while ($row=mysql_fetch_array($query)) {
?>
js文件
$(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 = "
var str = str + "
var str = str + "
";var str = str + "
$("#container").append(str);
});
i++;
}else{
$(".nodata").show().html("别滚动了,已经到底了。。。");
return false;
}
});
}
});
});
result.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获取当前日期所在星期(月份)的开始日期与结束日期(实现代码)
JQuery自动触发事件的方法
win10透明磁贴怎么设?win10设置册磁铁透明的详细方法
使用php测试硬盘写入速度示例
PHP中copy on write写时复制机制介绍
Win10红石预览版升级后不能上网怎么办?Win10红石预览版升级不能上网的解决方法
JavaScript实现Flash炫光波动特效
在JavaScript中对HTML进行反转义详解
Jquery $.ajax函数外的一段代码的执行顺序
win7怎么卸载电脑上的驱动并重新安装?
MyBatis框架之mybatis逆向工程自动生成代码
C#之CLR内存深入分析
JavaScript及jquey实现多个数组的合并操作
MySql实现跨表查询的方法详解