快捷導(dǎo)航

無(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)單，一看就明了

 
<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)文章

Git命令之分支詳解
這篇文章主要介紹了Git命令之分支詳解，步驟介紹的很詳細(xì)，有需要的同學(xué)可以參考下
2021-03-03
php實(shí)現(xiàn)在服務(wù)器上創(chuàng)建目錄的方法
這篇文章主要介紹了php實(shí)現(xiàn)在服務(wù)器上創(chuàng)建目錄的方法,實(shí)例分析了php中使用mkdir函數(shù)的使用技巧,需要的朋友可以參考下
2015-03-03
PHP基于工廠模式實(shí)現(xiàn)的計(jì)算器實(shí)例
這篇文章主要介紹了PHP基于工廠模式實(shí)現(xiàn)的計(jì)算器,實(shí)例分析了php工廠模式的實(shí)現(xiàn)原理與應(yīng)用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-07-07
PHP strtotime函數(shù)詳解
strtotime函數(shù)是一個(gè)很好的函數(shù),靈活的運(yùn)用它,會(huì)給你的工作帶來(lái)不少方便.但PHP的手冊(cè)中卻對(duì)此函數(shù)的參數(shù)沒作太多介紹,對(duì)些函數(shù)的其他介紹也非常少。
2009-12-12
php生成txt文件標(biāo)題及內(nèi)容的方法
本文為大家詳細(xì)介紹下php如何生成txt文件標(biāo)題及內(nèi)容，下面有個(gè)不錯(cuò)的示例，大家可以感受下
2014-01-01
php求斐波那契數(shù)的兩種實(shí)現(xiàn)方式【遞歸與遞推】
這篇文章主要介紹了php求斐波那契數(shù)的兩種實(shí)現(xiàn)方式,結(jié)合實(shí)例形式分析了php使用遞歸與遞推算法實(shí)現(xiàn)求斐波那契數(shù)的相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下
2019-09-09
PHP關(guān)鍵字Self、Static和parent的區(qū)別詳解
在使用PHP代碼時(shí),您可能經(jīng)常會(huì)遇到parent::、static::和self::,但是當(dāng)你第一次作為一個(gè)開發(fā)人員開始的時(shí)候,有時(shí)候你會(huì)很困惑,不知道它們是做什么的,以及它們之間的區(qū)別,本文給大家介紹了PHP關(guān)鍵字Self、Static和parent的區(qū)別,需要的朋友可以參考下
2024-12-12
當(dāng)前比較流行的兩款PHP加密、解密工具Zend Guard和iconCube介紹
這篇文章主要介紹了當(dāng)前比較流行的兩款PHP加密、解密工具Zend Guard和iconCube介紹,本文還給出了iconCube的安裝教程,需要的朋友可以參考下
2014-09-09
PHP中計(jì)算字符串相似度的函數(shù)代碼
在php計(jì)算字符串相似度similar_text與相似度levenshtein函數(shù)的詳細(xì)介紹，下面我們?cè)敿?xì)的介紹一下關(guān)于字符串相似度介紹
2012-12-12
PHP命名空間namespace定義及導(dǎo)入use用法詳解
這篇文章主要介紹了PHP命名空間namespace定義及導(dǎo)入use用法,結(jié)合實(shí)例形式詳細(xì)分析了php中命名空間namespace的功能、定義及導(dǎo)入use相關(guān)使用方法與操作技巧,需要的朋友可以參考下
2018-03-03