亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

無(wú)刷新動(dòng)態(tài)加載數(shù)據(jù) 滾動(dòng)條加載適合評(píng)論等頁(yè)面

 更新時(shí)間：2013年10月16日 17:18:38   作者：  
無(wú)刷新動(dòng)態(tài)加載數(shù)據(jù)，滾屏加載更多數(shù)據(jù),適合評(píng)論等頁(yè)面，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下
滾屏加載更多數(shù)據(jù),適合評(píng)論等頁(yè)面

本例的數(shù)據(jù)庫(kù)很簡(jiǎn)單，一看就明了
 
復(fù)制代碼 代碼如下:

<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文件
復(fù)制代碼 代碼如下:

<script type="text/javascript">
$(function(){
var winH = $(window).height(); //頁(yè)面可視區(qū)域高度
var i = 1;
$(window).scroll(function () {
var pageH = $(document.body).height();
var scrollT = $(window).scrollTop(); //滾動(dòng)條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("別滾動(dòng)了，已經(jīng)到底了。。。");
return false;
}
});
}
});
});
</script>

result.php
復(fù)制代碼 代碼如下:

<?php
include("conn.php");

$page = intval($_GET['page']); //獲取請(qǐng)求的頁(yè)數(shù)
$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); //轉(zhuǎn)換為json數(shù)據(jù)輸出
?>

相關(guān)文章

最新評(píng)論