快捷導(dǎo)航

ajax完美實(shí)現(xiàn)兩個(gè)網(wǎng)頁分頁功能的實(shí)例代碼

更新時(shí)間：2013年04月16日 22:16:33 作者：

ajax完美實(shí)現(xiàn)兩個(gè)網(wǎng)頁分頁功能的實(shí)例代碼，需要的朋友可以參考一下

分頁的首頁

<body onLoad="init()">
<h3 align="center">jquery實(shí)現(xiàn)$.ajax的分頁</h3>
<table id="tables" style=" width:500px; height:100px; text-align:center" align="center" border="5" bordercolor="#FF6600">
<th>ID</th><th>名稱</th><th>作者</th><th>出版社</th><th>ISBN號(hào)</th><th>類型</th><th>價(jià)格</th>
</table>
<table align="center" style="margin-top:15px">
<tr><td>
<td style="colspan:3;height:20">
<div id="div" style="position:absolute; left: 447px; top: 218px; width: 411px; height: 22px;"></div>
</td>
</tr>
</table>
<br />
</body>

分頁的php精華代碼

復(fù)制代碼代碼如下:

<?php
    //命令模型層處理數(shù)據(jù)
  $link=mysql_connect('localhost','root','') or die("失敗");
  mysql_select_db('books',$link) or die("連接數(shù)據(jù)庫出錯(cuò)了！");
  //每頁顯示記錄數(shù)
  $pagesize = 2;
  //求出總的記錄數(shù)
  $sql = "select count(*) as total_rows from books";
  $result = mysql_query($sql);
  $total_rows = mysql_fetch_array($result);
  //求總共的頁碼數(shù)
  $pages = ceil($total_rows[0]/$pagesize);
  //當(dāng)前第幾頁
  $page = $_POST['page'];
  $strtext = "當(dāng)前第".$page."頁"."總共".$pages."頁"."共".$total_rows[0]."記錄";
  //var_dump($str);
  //接下來，我要根據(jù)當(dāng)前點(diǎn)擊的頁碼求出對(duì)應(yīng)的數(shù)據(jù)
  $offset = $pagesize*($page-1);
  $sql = "select * from books limit $offset,$pagesize";
  mysql_query("set names utf8");
        $res=mysql_query($sql);

   $rows=array();
  while($row=mysql_fetch_assoc($res)){
    $rows[]=$row;
   }
  $pageInfo = $rows;
  //echo json_encode($pageInfo);
  //var_dump($pageInfo);
  //將獲得數(shù)據(jù)鏈接，后返回
  $first=1;
  $prev=$page-1;
  $next=$page+1;
  $last=$pages;

  //命令視圖層顯示數(shù)據(jù)
      $first_a = "<a onclick='init(".$first.")' href='#'><img src='3.jpg' width='50px;' height='20px;'/></a>";
  if($page>1){
   $prev_a = "<a onclick='init(".$prev.")' href='#'><img src='1.jpg' width='50px;' height='20px;'/></a>";
  }
  if($page<$pages){
   $next_a = "<a onclick='init(".$next.")' href='#'><img src='2.jpg' width='50px;' height='20px;'/></a>";
  }
  $last_a = "<a onclick='init(".$last.")' href='#'><img src='4.jpg' width='50px;' height='20px;'/></a>";
  @$str = $strtext.$first_a.$prev_a.$next_a.$last_a;
  //var_dump($str);
  $info = array('str'=>$str,'info'=>$pageInfo);
  echo json_encode($info);