Ajax 分页
說(shuō)明
test.php是要分頁(yè)的頁(yè)面
使用ajax分頁(yè)，注意提交采用GET方式，這是因?yàn)榉猪?yè)類(lèi)使用GET
分頁(yè)信息需要自己用html寫(xiě)出來(lái)，不能使用分頁(yè)類(lèi)里面的$page->fpage ()了。
頁(yè)面有個(gè)文本框來(lái)存儲(chǔ)當(dāng)前頁(yè)數(shù)
上一頁(yè)，下一頁(yè)等都是去修改當(dāng)前頁(yè)數(shù)
分頁(yè)函數(shù)直接調(diào)用當(dāng)前頁(yè)數(shù)傳遞給處理頁(yè)面取得當(dāng)前頁(yè)的內(nèi)容
其它分頁(yè)信息參照例子自己寫(xiě)
可以自己修改以適合自己的風(fēng)格
text.php
<body> <table id="tb" width="100%" border="1" cellpadding="0" cellspacing="0"></table> <div><span id="shang">上一頁(yè)</span><span id="xia">下一頁(yè)</span><span>當(dāng)前第：<input type="text" id="dq" value="1" />頁(yè)</span><span>總共：<span id="zys"></span>頁(yè)</span> </div> </body> <script type="text/javascript"> $(document).ready(function(e) {FenYe();ZYS(2);$("#shang").click(function(){var dq = parseInt($("#dq").val());if(dq>1){$("#dq").val(dq-1);}else{$("#dq").val(1);}FenYe();})$("#xia").click(function(){var dq = parseInt($("#dq").val());if(dq<$("#zys").text()){$("#dq").val(dq+1);}else{$("#dq").val($("#zys").text());}FenYe();}) });//實(shí)現(xiàn)分頁(yè)的方法 function FenYe() {var dq = $("#dq").val();$.ajax({url:"chuli.php",data:{page:dq},dataType:"JSON",type:"GET",success: function(data){ var str = "<tr><td>代號(hào)</td><td>名稱(chēng)</td></tr>";for(var k in data){str=str+"<tr><td>"+data[k].Code+"</td><td>"+data[k].Name+"</td></tr>";}$(tb).html(str);}}) }//根據(jù)每頁(yè)幾條數(shù)據(jù)求總頁(yè)數(shù) function ZYS(n) {$.ajax({url:"zyschuli.php",data:{list:n},type:"POST",dataType:"TEXT",success: function(data){$("#zys").text(data);}}); } </script> </html>page.class.php
<?php/**file: page.class.php 完美分頁(yè)類(lèi) Page */class Page {private $total; //數(shù)據(jù)表中總記錄數(shù)private $listRows; //每頁(yè)顯示行數(shù)private $limit; //SQL語(yǔ)句使用limit從句,限制獲取記錄個(gè)數(shù)private $uri; //自動(dòng)獲取url的請(qǐng)求地址private $pageNum; //總頁(yè)數(shù)private $page; //當(dāng)前頁(yè) private $config = array('head' => "條記錄", 'prev' => "上一頁(yè)", 'next' => "下一頁(yè)", 'first'=> "首頁(yè)", 'last' => "末頁(yè)"); //在分頁(yè)信息中顯示內(nèi)容，可以自己通過(guò)set()方法設(shè)置private $listNum = 10; //默認(rèn)分頁(yè)列表顯示的個(gè)數(shù)/**構(gòu)造方法，可以設(shè)置分頁(yè)類(lèi)的屬性@param int $total 計(jì)算分頁(yè)的總記錄數(shù)@param int $listRows 可選的，設(shè)置每頁(yè)需要顯示的記錄數(shù)，默認(rèn)為25條@param mixed $query 可選的，為向目標(biāo)頁(yè)面?zhèn)鬟f參數(shù),可以是數(shù)組，也可以是查詢(xún)字符串格式@param bool $ord 可選的，默認(rèn)值為true, 頁(yè)面從第一頁(yè)開(kāi)始顯示，false則為最后一頁(yè)*/public function __construct($total, $listRows=25, $query="", $ord=true){$this->total = $total;$this->listRows = $listRows;$this->uri = $this->getUri($query);$this->pageNum = ceil($this->total / $this->listRows);/*以下判斷用來(lái)設(shè)置當(dāng)前面*/if(!empty($_GET["page"])) {$page = $_GET["page"];}else{if($ord)$page = 1;else$page = $this->pageNum;}if($total > 0) {if(preg_match('/\D/', $page) ){$this->page = 1;}else{$this->page = $page;}}else{$this->page = 0;}$this->limit = "LIMIT ".$this->setLimit();}/**用于設(shè)置顯示分頁(yè)的信息，可以進(jìn)行連貫操作@param string $param 是成員屬性數(shù)組config的下標(biāo)@param string $value 用于設(shè)置config下標(biāo)對(duì)應(yīng)的元素值@return object 返回本對(duì)象自己$this， 用于連慣操作*/function set($param, $value){if(array_key_exists($param, $this->config)){$this->config[$param] = $value;}return $this;}/* 不是直接去調(diào)用，通過(guò)該方法，可以使用在對(duì)象外部直接獲取私有成員屬性limit和page的值 */function __get($args){if($args == "limit" || $args == "page")return $this->$args;elsereturn null;}/**按指定的格式輸出分頁(yè)@param int 0-7的數(shù)字分別作為參數(shù)，用于自定義輸出分頁(yè)結(jié)構(gòu)和調(diào)整結(jié)構(gòu)的順序，默認(rèn)輸出全部結(jié)構(gòu)@return string 分頁(yè)信息內(nèi)容*/function fpage(){$arr = func_get_args();$html[0] = "<span class='p1'>?共<b> {$this->total} </b>{$this->config["head"]}?</span>";$html[1] = "?本頁(yè) <b>".$this->disnum()."</b> 條?";$html[2] = "?本頁(yè)從 <b>{$this->start()}-{$this->end()}</b> 條?";$html[3] = "?<b>{$this->page}/{$this->pageNum}</b>頁(yè)?";$html[4] = $this->firstprev();$html[5] = $this->pageList();$html[6] = $this->nextlast();$html[7] = $this->goPage();$fpage = '<div style="font:12px \'\5B8B\4F53\',san-serif;">';if(count($arr) < 1)$arr = array(0, 1,2,3,4,5,6,7);for($i = 0; $i < count($arr); $i++)$fpage .= $html[$arr[$i]];$fpage .= '</div>';return $fpage;}/* 在對(duì)象內(nèi)部使用的私有方法，*/private function setLimit(){if($this->page > 0)return ($this->page-1)*$this->listRows.", {$this->listRows}";elsereturn 0;}/* 在對(duì)象內(nèi)部使用的私有方法，用于自動(dòng)獲取訪問(wèn)的當(dāng)前URL */private function getUri($query){ $request_uri = $_SERVER["REQUEST_URI"]; $url = strstr($request_uri,'?') ? $request_uri : $request_uri.'?';if(is_array($query))$url .= http_build_query($query);else if($query != "")$url .= "&".trim($query, "?&");$arr = parse_url($url);if(isset($arr["query"])){parse_str($arr["query"], $arrs);unset($arrs["page"]);$url = $arr["path"].'?'.http_build_query($arrs);}if(strstr($url, '?')) {if(substr($url, -1)!='?')$url = $url.'&';}else{$url = $url.'?';}return $url;}/* 在對(duì)象內(nèi)部使用的私有方法，用于獲取當(dāng)前頁(yè)開(kāi)始的記錄數(shù) */private function start(){if($this->total == 0)return 0;elsereturn ($this->page-1) * $this->listRows+1;}/* 在對(duì)象內(nèi)部使用的私有方法，用于獲取當(dāng)前頁(yè)結(jié)束的記錄數(shù) */private function end(){return min($this->page * $this->listRows, $this->total);}/* 在對(duì)象內(nèi)部使用的私有方法，用于獲取上一頁(yè)和首頁(yè)的操作信息 */private function firstprev(){if($this->page > 1) {$str = "?<a href='{$this->uri}page=1'>{$this->config["first"]}</a>?";$str .= "<a href='{$this->uri}page=".($this->page-1)."'>{$this->config["prev"]}</a>?"; return $str;}}/* 在對(duì)象內(nèi)部使用的私有方法，用于獲取頁(yè)數(shù)列表信息 */private function pageList(){$linkPage = "?<b>";$inum = floor($this->listNum/2);/*當(dāng)前頁(yè)前面的列表 */for($i = $inum; $i >= 1; $i--){$page = $this->page-$i;if($page >= 1)$linkPage .= "<a href='{$this->uri}page={$page}'>{$page}</a>?";}/*當(dāng)前頁(yè)的信息 */if($this->pageNum > 1)$linkPage .= "<span style='padding:1px 2px;background:#BBB;color:white'>{$this->page}</span>?";/*當(dāng)前頁(yè)后面的列表 */for($i=1; $i <= $inum; $i++){$page = $this->page+$i;if($page <= $this->pageNum)$linkPage .= "<a href='{$this->uri}page={$page}'>{$page}</a>?";elsebreak;}$linkPage .= '</b>';return $linkPage;}/* 在對(duì)象內(nèi)部使用的私有方法，獲取下一頁(yè)和尾頁(yè)的操作信息 */private function nextlast(){if($this->page != $this->pageNum) {$str = "?<a href='{$this->uri}page=".($this->page+1)."'>{$this->config["next"]}</a>?";$str .= "?<a href='{$this->uri}page=".($this->pageNum)."'>{$this->config["last"]}</a>?";return $str;}}/* 在對(duì)象內(nèi)部使用的私有方法，用于顯示和處理表單跳轉(zhuǎn)頁(yè)面 */private function goPage(){if($this->pageNum > 1) {return '?<input style="width:20px;height:17px !important;height:18px;border:1px solid #CCCCCC;" type="text" οnkeydοwn="javascript:if(event.keyCode==13){var page=(this.value>'.$this->pageNum.')?'.$this->pageNum.':this.value;location=\''.$this->uri.'page=\'+page+\'\'}" value="'.$this->page.'"><input style="cursor:pointer;width:25px;height:18px;border:1px solid #CCCCCC;" type="button" value="GO" οnclick="javascript:var page=(this.previousSibling.value>'.$this->pageNum.')?'.$this->pageNum.':this.previousSibling.value;location=\''.$this->uri.'page=\'+page+\'\'">?';}}/* 在對(duì)象內(nèi)部使用的私有方法，用于獲取本頁(yè)顯示的記錄條數(shù) */private function disnum(){if($this->total > 0){return $this->end()-$this->start()+1;}else{return 0;}}}fenye.class.php
<?php/**file: page.class.php 完美分頁(yè)類(lèi) Page */class Page {private $total; //數(shù)據(jù)表中總記錄數(shù)private $listRows; //每頁(yè)顯示行數(shù)private $limit; //SQL語(yǔ)句使用limit從句,限制獲取記錄個(gè)數(shù)private $pageNum; //總頁(yè)數(shù)private $page; //當(dāng)前頁(yè) private $config = array('head' => "條記錄", 'prev' => "上一頁(yè)", 'next' => "下一頁(yè)", 'first'=> "首頁(yè)", 'last' => "末頁(yè)"); //在分頁(yè)信息中顯示內(nèi)容，可以自己通過(guò)set()方法設(shè)置private $listNum = 10; //默認(rèn)分頁(yè)列表顯示的個(gè)數(shù)/**構(gòu)造方法，可以設(shè)置分頁(yè)類(lèi)的屬性@param int $total 計(jì)算分頁(yè)的總記錄數(shù)@param int $listRows 可選的，設(shè)置每頁(yè)需要顯示的記錄數(shù)，默認(rèn)為25條@param mixed $query 可選的，為向目標(biāo)頁(yè)面?zhèn)鬟f參數(shù),可以是數(shù)組，也可以是查詢(xún)字符串格式@param bool $ord 可選的，默認(rèn)值為true, 頁(yè)面從第一頁(yè)開(kāi)始顯示，false則為最后一頁(yè)*/public function __construct($total, $listRows=25, $query="", $ord=true){$this->total = $total;$this->listRows = $listRows;$this->uri = $this->getUri($query);$this->pageNum = ceil($this->total / $this->listRows);/*以下判斷用來(lái)設(shè)置當(dāng)前面*/if(!empty($_GET["page"])) {$page = $_GET["page"];}else{if($ord)$page = 1;else$page = $this->pageNum;}if($total > 0) {if(preg_match('/\D/', $page) ){$this->page = 1;}else{$this->page = $page;}}else{$this->page = 0;}$this->limit = "LIMIT ".$this->setLimit();}/**用于設(shè)置顯示分頁(yè)的信息，可以進(jìn)行連貫操作@param string $param 是成員屬性數(shù)組config的下標(biāo)@param string $value 用于設(shè)置config下標(biāo)對(duì)應(yīng)的元素值@return object 返回本對(duì)象自己$this， 用于連慣操作*/function set($param, $value){if(array_key_exists($param, $this->config)){$this->config[$param] = $value;}return $this;}/* 不是直接去調(diào)用，通過(guò)該方法，可以使用在對(duì)象外部直接獲取私有成員屬性limit和page的值 */function __get($args){if($args == "limit" || $args == "page")return $this->$args;elsereturn null;}/**按指定的格式輸出分頁(yè)@param int 0-7的數(shù)字分別作為參數(shù)，用于自定義輸出分頁(yè)結(jié)構(gòu)和調(diào)整結(jié)構(gòu)的順序，默認(rèn)輸出全部結(jié)構(gòu)@return string 分頁(yè)信息內(nèi)容*/function fpage(){$arr = func_get_args();$html[0] = "<span class='p1'>?共<b> {$this->total} </b>{$this->config["head"]}?</span>";$html[1] = "?本頁(yè) <b>".$this->disnum()."</b> 條?";$html[2] = "?本頁(yè)從 <b>{$this->start()}-{$this->end()}</b> 條?";$html[3] = "?<b>{$this->page}/{$this->pageNum}</b>頁(yè)?";$html[4] = $this->firstprev();$html[5] = $this->pageList();$html[6] = $this->nextlast();$html[7] = $this->goPage();$fpage = '<div style="font:12px \'\5B8B\4F53\',san-serif;">';if(count($arr) < 1)$arr = array(0, 1,2,3,4,5,6,7);for($i = 0; $i < count($arr); $i++)$fpage .= $html[$arr[$i]];$fpage .= '</div>';return $fpage;}/* 在對(duì)象內(nèi)部使用的私有方法，*/private function setLimit(){if($this->page > 0)return ($this->page-1)*$this->listRows.", {$this->listRows}";elsereturn 0;}/* 在對(duì)象內(nèi)部使用的私有方法，用于自動(dòng)獲取訪問(wèn)的當(dāng)前URL */private function getUri($query){ $request_uri = $_SERVER["REQUEST_URI"]; $url = strstr($request_uri,'?') ? $request_uri : $request_uri.'?';if(is_array($query))$url .= http_build_query($query);else if($query != "")$url .= "&".trim($query, "?&");$arr = parse_url($url);if(isset($arr["query"])){parse_str($arr["query"], $arrs);unset($arrs["page"]);$url = $arr["path"].'?'.http_build_query($arrs);}if(strstr($url, '?')) {if(substr($url, -1)!='?')$url = $url.'&';}else{$url = $url.'?';}return $url;}/* 在對(duì)象內(nèi)部使用的私有方法，用于獲取當(dāng)前頁(yè)開(kāi)始的記錄數(shù) */private function start(){if($this->total == 0)return 0;elsereturn ($this->page-1) * $this->listRows+1;}/* 在對(duì)象內(nèi)部使用的私有方法，用于獲取當(dāng)前頁(yè)結(jié)束的記錄數(shù) */private function end(){return min($this->page * $this->listRows, $this->total);}/* 在對(duì)象內(nèi)部使用的私有方法，用于獲取上一頁(yè)和首頁(yè)的操作信息 */private function firstprev(){if($this->page > 1) {$str = "?<a href='{$this->uri}page=1'>{$this->config["first"]}</a>?";$str .= "<a href='{$this->uri}page=".($this->page-1)."'>{$this->config["prev"]}</a>?"; return $str;}}/* 在對(duì)象內(nèi)部使用的私有方法，用于獲取頁(yè)數(shù)列表信息 */private function pageList(){$linkPage = "?<b>";$inum = floor($this->listNum/2);/*當(dāng)前頁(yè)前面的列表 */for($i = $inum; $i >= 1; $i--){$page = $this->page-$i;if($page >= 1)$linkPage .= "<a href='{$this->uri}page={$page}'>{$page}</a>?";}/*當(dāng)前頁(yè)的信息 */if($this->pageNum > 1)$linkPage .= "<span style='padding:1px 2px;background:#BBB;color:white'>{$this->page}</span>?";/*當(dāng)前頁(yè)后面的列表 */for($i=1; $i <= $inum; $i++){$page = $this->page+$i;if($page <= $this->pageNum)$linkPage .= "<a href='{$this->uri}page={$page}'>{$page}</a>?";elsebreak;}$linkPage .= '</b>';return $linkPage;}/* 在對(duì)象內(nèi)部使用的私有方法，獲取下一頁(yè)和尾頁(yè)的操作信息 */private function nextlast(){if($this->page != $this->pageNum) {$str = "?<a href='{$this->uri}page=".($this->page+1)."'>{$this->config["next"]}</a>?";$str .= "?<a href='{$this->uri}page=".($this->pageNum)."'>{$this->config["last"]}</a>?";return $str;}}/* 在對(duì)象內(nèi)部使用的私有方法，用于顯示和處理表單跳轉(zhuǎn)頁(yè)面 */private function goPage(){if($this->pageNum > 1) {return '?<input style="width:20px;height:17px !important;height:18px;border:1px solid #CCCCCC;" type="text" οnkeydοwn="javascript:if(event.keyCode==13){var page=(this.value>'.$this->pageNum.')?'.$this->pageNum.':this.value;location=\''.$this->uri.'page=\'+page+\'\'}" value="'.$this->page.'"><input style="cursor:pointer;width:25px;height:18px;border:1px solid #CCCCCC;" type="button" value="GO" οnclick="javascript:var page=(this.previousSibling.value>'.$this->pageNum.')?'.$this->pageNum.':this.previousSibling.value;location=\''.$this->uri.'page=\'+page+\'\'">?';}}/* 在對(duì)象內(nèi)部使用的私有方法，用于獲取本頁(yè)顯示的記錄條數(shù) */private function disnum(){if($this->total > 0){return $this->end()-$this->start()+1;}else{return 0;}}}chuli.php
<?phpinclude("DBDA.php"); $db = new DBDA();include("page.class.php");$sql = "select count(*) from wenzhangxiangqing"; $zs = $db->StrQuery($sql);$page = new Page($zs,2);$sqlsj = "select * from wenzhangxiangqing ".$page->limit; //echo $sqlsj; echo $db->JsonQuery($sqlsj);zyschuli.php
<?phpinclude("DBDA.php"); $db = new DBDA();$sql ="select count(*) from wenzhangxiangqing"; $sj = $db->StrQuery($sql);$list = $_POST["list"];$zys = 0; if($sj%$list==0) {$zys = $sj/$list; } else {$zys = floor($sj/$list) +1; }echo $zys;
轉(zhuǎn)載于:https://www.cnblogs.com/sdzbxfcy/p/5887424.html
總結(jié)
- 上一篇： HDU-5900 QSC and Mas
- 下一篇： hdu_5878_I Count Two