PHP动态加载本地资源,PHP利用无刷新动态加载数据的简单示例

这篇文章主要为大家详细介绍了PHP利用无刷新动态加载数据的简单示例，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随512笔记的小玲来看看吧！滚屏加载更多数据,适合评论等页面

本例的数据库很简单，一看就明了

代码如下:

/* 512笔记 www.512Pic.com */

$query=mysql_query("select * from content order by id desc limit 0,10");

while ($row=mysql_fetch_array($query)) {

?>

<?php

/* 512笔记 www.512Pic.com */

echo date('m-d H:i',strtotime($row['updatetime']));?>

<?php

/* 512笔记 www.512Pic.com */

echo $row['id'];?>

<?php

/* 512笔记 www.512Pic.com */

echo $row['message'];?>

/* 512笔记 www.512Pic.com */

} ?>

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 + "

"+array['date']+"

";

var str = str + "

"+array['author']+"

";

var str = str + "

"+array['content']+"

";

$("#container").append(str);

});

i++;

}else{

$(".nodata").show().html("别滚动了，已经到底了。。。");

return false;

}

});

}

});

});

result.php

代码如下:

/* 512笔记 www.512Pic.com */

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利用无刷新动态加载数据的简单示例的内容就先介绍到这里，更多相关文章的可以留意512笔记的其他信息。

关键词：无刷新