php+ajax無重新整理分頁執行個體詳解_php技巧

來源:互聯網
上載者:User

本文執行個體講述了php+ajax無重新整理分頁實現方法。分享給大家供大家參考,具體如下:

ajax_page_show_userinfo.php頁面如下:

<meta 'Content:text/html;charset=utf-8'></meta><title>ajax分頁示範</title><script language="javascript" src="js/ajaxpage.js"></script><div id="result"><?php$db=mysql_connect("localhost","root","123456");mysql_select_db("register");mysql_query("set names 'utf-8'");$result=mysql_query("select * from user");$total=mysql_num_rows($result) or die(mysql_error());$page=isset($_GET['page'])?intval($_GET['page']):1;$page_size=5;$url='ajax_page_show_userinfo.php';$pagenum=ceil($total/$page_size);$page=min($pagenum,$page);$prepage=$page-1;$nextpage=($page==$pagenum?0:$page+1);$pageset=($page-1)*$page_size;$pagenav.="顯示第".($total?($pageset+1):0)."-".min($pageset+5,$total)."記錄 共<b>".$total."</b>條記錄 現在是第 <b>".$page."</b> 頁 ";if($page<=1)$pagenav.="<a style=cursor:not-allowed;>首頁</a> ";else$pagenav.="<a onclick=javascript:dopage('result','$url?page=1') style=cursor:pointer;>首頁</a> ";if($prepage)$pagenav.="<a onclick=javascript:dopage('result','$url?page=$prepage') style=cursor:pointer;>上一頁</a> ";else$pagenav.="<a style=cursor:not-allowed;>上一頁</a> ";if($nextpage)$pagenav.="<a onclick=javascript:dopage('result','$url?page=$nextpage') style=cursor:pointer;>下一頁</a> ";else$pagenav.="<a style=cursor:not-allowed;>下一頁</a> ";if($pagenum)$pagenav.="<a onclick=javascript:dopage('result','$url?page=$pagenum') style=cursor:pointer;>尾頁</a> ";else$pagenav.="<a style=cursor:not-allowed;>尾頁</a> ";$pagenav.="共".$pagenum."頁";if($page>$pagenum){  echo "error:沒有此頁".$page;  exit();}?><table align="center" border="2" width="300"> <tr bgcolor="#cccccc" align="center">  <td>使用者名稱</td>  <td>使用者密碼</td> </tr><?php$info=mysql_query("select * from user limit $pageset,$page_size");while($array=mysql_fetch_array($info)){?> <tr align="center">  <td><?php echo $array['username'];?></td>  <td><?php echo $array['password'];?></td> </tr><?php  }?></table><?phpecho "<p align=center>$pagenav</p>";?></div>

js檔案下的ajaxpage.js:

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.getElementByIdx(reobj).innerHTML=http_request.responseText; } else{//頁面不正常  alert("您所請求的頁面不正常!"); }  }}function dopage(obj,url){  //document.getElementByIdx(obj).innerHTML="正在讀取資料...";  send_request(url);  reobj=obj;}

希望本文所述對大家PHP程式設計有所協助。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.