ajax分页
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ajax分页相关的知识，希望对你有一定的参考价值。
说明
test.php是要分页的页面
使用ajax分页，注意提交采用GET方式，这是因为分页类使用GET
分页信息需要自己用html写出来，不能使用分页类里面的$page->fpage
()了。
页面有个文本框来存储当前页数
上一页，下一页等都是去修改当前页数
分页函数直接调用当前页数传递给处理页面取得当前页的内容
其它分页信息参照例子自己写
可以自己修改以适合自己的风格
text.php
<body> <table id="tb" width="100%" border="1" cellpadding="0" cellspacing="0"> </table> <div> <span id="shang">上一页</span> <span id="xia">下一页</span> <span>当前第：<input type="text" id="dq" value="1" />页</span> <span>总共：<span id="zys"></span>页</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(); }) }); //实现分页的方法 function FenYe() { var dq = $("#dq").val(); $.ajax({ url:"chuli.php", data:{page:dq}, dataType:"JSON", type:"GET", success: function(data){ var str = "<tr><td>代号</td><td>名称</td></tr>"; for(var k in data) { str=str+"<tr><td>"+data[k].Code+"</td><td>"+data[k].Name+"</td></tr>"; } $(tb).html(str); } }) } //根据每页几条数据求总页数 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 完美分页类 Page */ class Page { private $total; //数据表中总记录数 private $listRows; //每页显示行数 private $limit; //SQL语句使用limit从句,限制获取记录个数 private $uri; //自动获取url的请求地址 private $pageNum; //总页数 private $page; //当前页 private $config = array( ‘head‘ => "条记录", ‘prev‘ => "上一页", ‘next‘ => "下一页", ‘first‘=> "首页", ‘last‘ => "末页" ); //在分页信息中显示内容，可以自己通过set()方法设置 private $listNum = 10; //默认分页列表显示的个数 /** 构造方法，可以设置分页类的属性 @param int $total 计算分页的总记录数 @param int $listRows 可选的，设置每页需要显示的记录数，默认为25条 @param mixed $query 可选的，为向目标页面传递参数,可以是数组，也可以是查询字符串格式 @param bool $ord 可选的，默认值为true, 页面从第一页开始显示，false则为最后一页 */ 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); /*以下判断用来设置当前面*/ 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(); } /** 用于设置显示分页的信息，可以进行连贯操作 @param string $param 是成员属性数组config的下标 @param string $value 用于设置config下标对应的元素值 @return object 返回本对象自己$this， 用于连惯操作 */ function set($param, $value){ if(array_key_exists($param, $this->config)){ $this->config[$param] = $value; } return $this; } /* 不是直接去调用，通过该方法，可以使用在对象外部直接获取私有成员属性limit和page的值 */ function __get($args){ if($args == "limit" || $args == "page") return $this->$args; else return null; } /** 按指定的格式输出分页 @param int 0-7的数字分别作为参数，用于自定义输出分页结构和调整结构的顺序，默认输出全部结构 @return string 分页信息内容 */ function fpage(){ $arr = func_get_args(); $html[0] = "<span class=‘p1‘> 共<b> {$this->total} </b>{$this->config["head"]} </span>"; $html[1] = " 本页 <b>".$this->disnum()."</b> 条 "; $html[2] = " 本页从 <b>{$this->start()}-{$this->end()}</b> 条 "; $html[3] = " <b>{$this->page}/{$this->pageNum}</b>页 "; $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; } /* 在对象内部使用的私有方法，*/ private function setLimit(){ if($this->page > 0) return ($this->page-1)*$this->listRows.", {$this->listRows}"; else return 0; } /* 在对象内部使用的私有方法，用于自动获取访问的当前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; } /* 在对象内部使用的私有方法，用于获取当前页开始的记录数 */ private function start(){ if($this->total == 0) return 0; else return ($this->page-1) * $this->listRows+1; } /* 在对象内部使用的私有方法，用于获取当前页结束的记录数 */ private function end(){ return min($this->page * $this->listRows, $this->total); } /* 在对象内部使用的私有方法，用于获取上一页和首页的操作信息 */ 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; } } /* 在对象内部使用的私有方法，用于获取页数列表信息 */ private function pageList(){ $linkPage = " <b>"; $inum = floor($this->listNum/2); /*当前页前面的列表 */ for($i = $inum; $i >= 1; $i--){ $page = $this->page-$i; if($page >= 1) $linkPage .= "<a href=‘{$this->uri}page={$page}‘>{$page}</a> "; } /*当前页的信息 */ if($this->pageNum > 1) $linkPage .= "<span style=‘padding:1px 2px;background:#BBB;color:white‘>{$this->page}</span> "; /*当前页后面的列表 */ for($i=1; $i <= $inum; $i++){ $page = $this->page+$i; if($page <= $this->pageNum) $linkPage .= "<a href=‘{$this->uri}page={$page}‘>{$page}</a> "; else break; } $linkPage .= ‘</b>‘; return $linkPage; } /* 在对象内部使用的私有方法，获取下一页和尾页的操作信息 */ 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; } } /* 在对象内部使用的私有方法，用于显示和处理表单跳转页面 */ private function goPage(){ if($this->pageNum > 1) { return ‘ <input style="width:20px;height:17px !important;height:18px;border:1px solid #CCCCCC;" type="text" onkeydown="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" onclick="javascript:var page=(this.previousSibling.value>‘.$this->pageNum.‘)?‘.$this->pageNum.‘:this.previousSibling.value;location=\‘‘.$this->uri.‘page=\‘+page+\‘\‘"> ‘; } } /* 在对象内部使用的私有方法，用于获取本页显示的记录条数 */ private function disnum(){ if($this->total > 0){ return $this->end()-$this->start()+1; }else{ return 0; } } }
fenye.class.php
<?php /** file: page.class.php 完美分页类 Page */ class Page { private $total; //数据表中总记录数 private $listRows; //每页显示行数 private $limit; //SQL语句使用limit从句,限制获取记录个数 private $pageNum; //总页数 private $page; //当前页 private $config = array( ‘head‘ => "条记录", ‘prev‘ => "上一页", ‘next‘ => "下一页", ‘first‘=> "首页", ‘last‘ => "末页" ); //在分页信息中显示内容，可以自己通过set()方法设置 private $listNum = 10; //默认分页列表显示的个数 /** 构造方法，可以设置分页类的属性 @param int $total 计算分页的总记录数 @param int $listRows 可选的，设置每页需要显示的记录数，默认为25条 @param mixed $query 可选的，为向目标页面传递参数,可以是数组，也可以是查询字符串格式 @param bool $ord 可选的，默认值为true, 页面从第一页开始显示，false则为最后一页 */ 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); /*以下判断用来设置当前面*/ 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(); } /** 用于设置显示分页的信息，可以进行连贯操作 @param string $param 是成员属性数组config的下标 @param string $value 用于设置config下标对应的元素值 @return object 返回本对象自己$this， 用于连惯操作 */ function set($param, $value){ if(array_key_exists($param, $this->config)){ $this->config[$param] = $value; } return $this; } /* 不是直接去调用，通过该方法，可以使用在对象外部直接获取私有成员属性limit和page的值 */ function __get($args){ if($args == "limit" || $args == "page") return $this->$args; else return null; } /** 按指定的格式输出分页 @param int 0-7的数字分别作为参数，用于自定义输出分页结构和调整结构的顺序，默认输出全部结构 @return string 分页信息内容 */ function fpage(){ $arr = func_get_args(); $html[0] = "<span class=‘p1‘> 共<b> {$this->total} </b>{$this->config["head"]} </span>"; $html[1] = " 本页 <b>".$this->disnum()."</b> 条 "; $html[2] = " 本页从 <b>{$this->start()}-{$this->end()}</b> 条 "; $html[3] = " <b>{$this->page}/{$this->pageNum}</b>页 "; $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; } /* 在对象内部使用的私有方法，*/ private function setLimit(){ if($this->page > 0) return ($this->page-1)*$this->listRows.", {$this->listRows}"; else return 0; } /* 在对象内部使用的私有方法，用于自动获取访问的当前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; } /* 在对象内部使用的私有方法，用于获取当前页开始的记录数 */ private function start(){ if($this->total == 0) return 0; else return ($this->page-1) * $this->listRows+1; } /* 在对象内部使用的私有方法，用于获取当前页结束的记录数 */ private function end(){ return min($this->page * $this->listRows, $this->total); } /* 在对象内部使用的私有方法，用于获取上一页和首页的操作信息 */ 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; } } /* 在对象内部使用的私有方法，用于获取页数列表信息 */ private function pageList(){ $linkPage = " <b>"; $inum = floor($this->listNum/2); /*当前页前面的列表 */ for($i = $inum; $i >= 1; $i--){ $page = $this->page-$i; if($page >= 1) $linkPage .= "<a href=‘{$this->uri}page={$page}‘>{$page}</a> "; } /*当前页的信息 */ if($this->pageNum > 1) $linkPage .= "<span style=‘padding:1px 2px;background:#BBB;color:white‘>{$this->page}</span> "; /*当前页后面的列表 */ for($i=1; $i <= $inum; $i++){ $page = $this->page+$i; if($page <= $this->pageNum) $linkPage .= "<a href=‘{$this->uri}page={$page}‘>{$page}</a> "; else break; } $linkPage .= ‘</b>‘; return $linkPage; } /* 在对象内部使用的私有方法，获取下一页和尾页的操作信息 */ 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; } } /* 在对象内部使用的私有方法，用于显示和处理表单跳转页面 */ private function goPage(){ if($this->pageNum > 1) { return ‘ <input style="width:20px;height:17px !important;height:18px;border:1px solid #CCCCCC;" type="text" onkeydown="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" onclick="javascript:var page=(this.previousSibling.value>‘.$this->pageNum.‘)?‘.$this->pageNum.‘:this.previousSibling.value;location=\‘‘.$this->uri.‘page=\‘+page+\‘\‘"> ‘; } } /* 在对象内部使用的私有方法，用于获取本页显示的记录条数 */ private function disnum(){ if($this->total > 0){ return $this->end()-$this->start()+1; }else{ return 0; } } }
chuli.php
<?php include("DBDA.php"); $db = new DBDA(); include("page.class.php"); $sql = "select count(*) from Nation"; $zs = $db->StrQuery($sql); $page = new Page($zs,2); $sqlsj = "select * from Info ".$page->limit; //echo $sqlsj; echo $db->JsonQuery($sqlsj);
zyschuli.php
<?php include("DBDA.php"); $db = new DBDA(); $sql ="select count(*) from Info"; $sj = $db->StrQuery($sql); $list = $_POST["list"]; $zys = 0; if($sj%$list==0) { $zys = $sj/$list; } else { $zys = floor($sj/$list) +1; } echo $zys;
以上是关于ajax分页的主要内容，如果未能解决你的问题，请参考以下文章