PHP利用无刷新动态加载数据的简单示例

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

感兴趣的小伙伴，下面一起跟随四海网的小玲来看看吧！

滚屏加载更多数据,适合评论等页面

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

代码如下:

 
<div id="container"> 

<?php
/*   四海网 www.q1010.com   */
 
$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
/*   四海网 www.q1010.com   */
 echo date('m-d H:i',strtotime($row['updatetime']));?></div> 
<div class="author"><?php
/*   四海网 www.q1010.com   */
 echo $row['id'];?></div> 
</div> 
<div class="content"><?php
/*   四海网 www.q1010.com   */
 echo $row['message'];?></div> 
</div> 
<?php
/*   四海网 www.q1010.com   */
 } ?> 
</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
/*   四海网 www.q1010.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数据输出 
?> 

本文来自：http://www.q1010.com/173/14727-0.html

注：关于PHP利用无刷新动态加载数据的简单示例的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：无刷新