對于PHP的分頁,已經有很多前輩創造了很好的方法,我就不再多講,我主要講講利用AJAX來實現一種簡單的方便的分頁方法,希望能起到拋磚引玉的作用~~
這個實例的重點需要靈活運用AJAX,難點在于中文的編碼,在這些方面我積累了一些小小的經驗,希望能和大家分享;
AJAX+PHP分頁的基本原理就是在數據庫一定的位置上取一定量的數據,然后利用AJAX進行調用.先看看PHP分頁部分:
<?php
header("Content-type: text/html;charset=GBK");//輸出編碼,避免中文亂碼
$conn = mysql_connect('localhost','root','password') or die ('Not connected : ' . mysql_error());
mysql_select_db('web', $conn) or die ('Cannot use foo : ' . mysql_error());
//mysql_query("set character set gbk");//可選,解決Mysql中文亂碼
$p = $_POST["p"];//獲取頁面編號
$result_t=mysql_query("select count(*) from `tablename`");
$total=mysql_fetch_array($result_t);
$total=$total[0];
$s = 20;//定義每頁顯示數量
$t = floor($total/$s);//總頁數
if(!$p||$p<0){$p = 0;}
if($p>$t){$p = $t;}
$pp = $s*$p;
$query="select * from `tablename` order by `id` desc limit $pp,$s";//取出相應的數據
$result=mysql_query($query);
while ($row = mysql_fetch_array($result, MYSQL_BOTH)) {
echo "<p>".$row['id']."</p>";
}
echo "共有".$total."條記錄<a href='javascript:dopages(".($p-1).")'>上一頁</a> | <a href='javascript:dopages(".($p+1).")'>下一頁</a>跳轉至<input type='text' id='pgs' />頁<input value='跳轉' type='button' onClick='dopages(".'document.getElementById("pgs").value-1);>';
?>
這樣就通過簡單的方法實現了分頁功能,接下來就需要利用AJAX進行調用了:
function dopages(p){
var posts = "p="+p;
var url = ajaxurl('pages.php');
function func(){
getResult('dopages');
};
sendRequest(url,posts,func);
}
function ajaxurl(adDiv){
var baseurl = "http://www.02o9j.com.cn/" + adDiv;
return baseurl;
}
function getajax(){
var xmlhttp = false;
if(window.ActiveXObject){
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function sendRequest(url,posts,func){
ajax = getajax();
ajax.onreadystatechange = func;
ajax.open('POST', url, true);
ajax.setRequestHeader("Content-Length",posts.length);
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send(posts);
}
/*------------Try-------------*/
var Try = {
these: function() {
var returnValue;
for (var i = 0; i < arguments.length; i++) {
var lambda = arguments;
try {
returnValue = lambda();
break;
} catch (e) {}
}
return returnValue;
}
}
function tryCollectGarbage(){
return Try.these(
function() {return CollectGarbage();},
function() {return false;}
);
}
function getResult(adDiv,num){
if (ajax.readyState < 4) {
document.getElementById("loading").style.visibility = "visible";
}
else if (ajax.readyState == 4) {
document.getElementById("loading").style.visibility = "hidden";
if (ajax.status == 200){
var result = ajax.responseText;
if(adDiv=="dopages"){
document.getElementById('xpages').innerHTML = result;
}
}
else {
alert("出錯");
delete ajax;
tryCollectGarbage();//垃圾回收
}
}
}
在這個簡單的實例中為什么要用ajaxurl,sendRequest,getResult函數封裝而不是直接寫出代碼呢?呵呵,因為我的這個PHP+AJAX的分頁程序是一個綜合系統中的一部分,我只是講了其中的這一段,所以原汁原味的保留了,相信大家也可以看懂.其實另外一個重要原因是希望可以傳輸一些代碼重用的知識,而且這種方法易于維護,特別是對于大型系統來說,可以節省很多時間.
經測試以上代碼均可正常使用！