對于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.0769djj.com/" + 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的分頁程序是一個綜合系統中的一部分,我只是講了其中的這一段,所以原汁原味的保留了,相信大家也可以看懂.其實另外一個重要原因是希望可以傳輸一些代碼重用的知識,而且這種方法易于維護,特別是對于大型系統來說,可以節省很多時間.

 經測試以上代碼均可正常使用！