PHP+AJAX無重新整理分頁實現代碼詳解,最近在看ajax 教程，就想寫個簡單入門的PHP+AJAX無重新整理分頁,我們依據ajax開發架構,代碼如下:
var http_request=false;function send_request(url){//初始化，指定處理函數，發送請求的函數http_request=false;//開始初始化XMLHttpRequest對象if(window.XMLHttpRequest){//Mozilla瀏覽器http_request=new XMLHttpRequest(); if(http_request.overrideMimeType){//設定MIME類別 http_request.overrideMimeType("text/xml"); }}else if(window.ActiveXObject){//IE瀏覽器 try{ http_request=new ActiveXObject("Msxml2.XMLHttp"); }catch(e){ try{ http_request=new ActiveXobject("Microsoft.XMLHttp"); }catch(e){} }}if(!http_request){//異常，建立對象執行個體失敗 window.alert("建立XMLHttp對象失敗！"); return false;}http_request.onreadystatechange=processrequest;//確定發送請求方式，URL，及是否同步執行下段代碼http_request.open("GET",url,true);http_request.send(null); } //處理返回資訊的函數 function processrequest(){if(http_request.readyState==4){//判斷對象狀態 if(http_request.status==200){//資訊已成功返回，開始處理資訊 document.getElementById(reobj).innerHTML=http_request.responseText; } else{//頁面不正常 alert("您所請求的頁面不正常！"); }} } function dopage(obj,url){document.getElementById(obj).innerHTML="正在讀取資料...";send_request(url);reobj=obj;}
內容我放在一個div中顯示,當翻頁動作產生時,利用AJAX更新DIV達到翻頁效果這是內容顯示頁面代碼：
<?phpheader("Content-type: text/html;charset=GBK");//輸出編碼,避免中文亂碼?><html><head><title>ajax分頁示範</title><scrīpt language="javascrīpt" src="ajaxpg.js"></scrīpt></head><body><div id="result"><?php$page=isset($_GET['page'])?intval($_GET['page']):1; //這句就是擷取page=18中的page的值，假如不存在page，那麼頁數就是1。$num=10; //每頁顯示10條資料$db=mysql_connect("localhost","root","7529639"); //建立資料庫連接mysql_select_db("cr_download"); //選擇要操作的資料庫/*首先咱們要擷取資料庫中到底有多少資料，才能判斷具體要分多少頁，具體的公式就是總資料庫除以每頁顯示的條數，有餘進一。也就是說10/3=3.3333=4 有餘數就要進一。*/$result=mysql_query("select * from cr_userinfo");$total=mysql_num_rows($result); //查詢所有的資料$url='test.php';//擷取本頁URL//頁碼計算$pagenum=ceil($total/$num); //獲得總頁數,也是最後一頁$page=min($pagenum,$page);//獲得首頁$prepg=$page-1;//上一頁$nextpg=($page==$pagenum ? 0 : $page+1);//下一頁$offset=($page-1)*$num; //擷取limit的第一個參數的值，假如第一頁則為(1-1)*10=0,第二頁為(2-1)*10=10。//開始分頁導航條代碼：$pagenav="顯示第 <B>".($total?($offset+1):0)."</B>-<B>".min($offset+10,$total)."</B> 條記錄，共 $total 條記錄 ";//如果只有一頁則跳出函數：if($pagenum<=1) return false;$pagenav.=" <a href=javascrīpt:dopage('result','$url?page=1');>首頁</a> ";if($prepg) $pagenav.=" <a href=javascrīpt:dopage('result','$url?page=$prepg');>前頁</a> "; else $pagenav.=" 前頁 ";if($nextpg) $pagenav.=" <a href=javascrīpt:dopage('result','$url?page=$nextpg');>後頁</a> "; else $pagenav.=" 後頁 ";$pagenav.=" <a href=javascrīpt:dopage('result','$url?page=$pagenum');>尾頁</a> ";$pagenav.="</select> 頁，共 $pagenum 頁";//假如傳入的頁數參數大於總頁數，則顯示錯誤資訊If($page>$pagenum){ Echo "Error : Can Not Found The page ".$page; Exit;}$info=mysql_query("select * from cr_userinfo limit $offset,$num"); //擷取相應頁數所需要顯示的資料While($it=mysql_fetch_array($info)){ Echo $it['username']; echo "<br>";} //顯示資料 echo"<br>"; echo $pagenav;//輸出分頁導航?></div></body></html>
翻頁的關鍵就在於翻頁時調用dopage()函數,接著利用回調資訊來更新div中的內容,伺服器端核心代碼：
<?phpheader("Content-type: text/html;charset=GBK");//輸出編碼,避免中文亂碼$page=isset($_GET['page'])?intval($_GET['page']):1; //這句就是擷取page=18中的page的值，假如不存在page，那麼頁數就是1。$num=10; //每頁顯示10條資料$db=mysql_connect("localhost","root","7529639"); //建立資料庫連接mysql_select_db("cr_download"); //選擇要操作的資料庫/*首先咱們要擷取資料庫中到底有多少資料，才能判斷具體要分多少頁，具體的公式就是總資料庫除以每頁顯示的條數，有餘進一。也就是說10/3=3.3333=4 有餘數就要進一。*/$result=mysql_query("select * from cr_userinfo");$total=mysql_num_rows($result); //查詢所有的資料$url='test.php';//擷取本頁URL//頁碼計算$pagenum=ceil($total/$num); //獲得總頁數,也是最後一頁$page=min($pagenum,$page);//獲得首頁$prepg=$page-1;//上一頁$nextpg=($page==$pagenum ? 0 : $page+1);//下一頁$offset=($page-1)*$num; //擷取limit的第一個參數的值，假如第一頁則為(1-1)*10=0,第二頁為(2-1)*10=10。//開始分頁導航條代碼：$pagenav="顯示第 <B>".($total?($offset+1):0)."</B>-<B>".min($offset+10,$total)."</B> 條記錄，共 $total 條記錄 ";//如果只有一頁則跳出函數：if($pagenum<=1) return false;$pagenav.=" <a href=javascrīpt:dopage('result','$url?page=1');>首頁</a> ";if($prepg) $pagenav.=" <a href=javascrīpt:dopage('result','$url?page=$prepg');>前頁</a> "; else $pagenav.=" 前頁 ";if($nextpg) $pagenav.=" <a href=javascrīpt:dopage('result','$url?page=$nextpg');>後頁</a> "; else $pagenav.=" 後頁 ";$pagenav.=" <a href=javascrīpt:dopage('result','$url?page=$pagenum');>尾頁</a> ";$pagenav.="</select> 頁，共 $pagenum 頁";//假如傳入的頁數參數大於總頁數，則顯示錯誤資訊If($page>$pagenum){ Echo "Error : Can Not Found The page ".$page; Exit;}$info=mysql_query("select * from cr_userinfo limit $offset,$num"); //擷取相應頁數所需要顯示的資料While($it=mysql_fetch_array($info)){ Echo $it['username']; echo "<br>";} //顯示資料 echo"<br>"; echo $pagenav;//輸出分頁導航 ?>
以上為大家詳細解釋了PHP+AJAX無重新整理分頁實現方法，希望對大家學習php程式設計有所協助。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
