thinkphp ajax分页
Posted 奔跑的葛根
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了thinkphp ajax分页相关的知识，希望对你有一定的参考价值。
临时更改后的page类（很多地方没修改...因为笔者php没学好..）如下： 复制代码 <?php namespace Fenye\libs; /** 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, $wurl="", $query="", $ord=true){ $this->total = $total; $this->listRows = $listRows; $this->uri = $this->getUri($query); $this->pageNum = ceil($this->total / $this->listRows); /*以下判断用来设置当前面*/ if(!empty($wurl)) { $page =$wurl; }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 =$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}/<span id=‘zyl‘>{$this->pageNum}<span></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 = $wurl; //此处有更改 $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=‘javascript:wsx(\"1\")‘>{$this->config["first"]}</a> "; $str .= "<a href=‘javascript:wsx(\"".($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=‘javascript:wsx(\"{$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=‘javascript:wsx(\"{$page}\")‘>{$page}</a> "; else break; } $linkPage .= ‘</b>‘; return $linkPage; } /* 在对象内部使用的私有方法，获取下一页和尾页的操作信息 */ private function nextlast(){ if($this->page != $this->pageNum) { $str = " <a href=‘javascript:wsx(\"".($this->page+1)."\")‘>{$this->config["next"]}</a> "; $str .= " <a href=‘javascript:wsx(\"".($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=\‘javascript:wsx(‘.$this->uri.‘page=\‘+page+\‘\‘)"> ‘;*/ return ‘ <input id="shuzi" style="width:20px;height:17px !important;height:18px;border:1px solid #CCCCCC;" type="text"> <input style="cursor:pointer;width:25px;height:18px;border:1px solid #CCCCCC;" type="button" value="GO" onclick="wsx(0)"> ‘; } } /* 在对象内部使用的私有方法，用于获取本页显示的记录条数 */ private function disnum(){ if($this->total > 0){ return $this->end()-$this->start()+1; }else{ return 0; } } } 复制代码 前台JS处理如下： 复制代码 <script type="text/javascript"> $(document).ready(function(e){ wsx("1"); }) function wsx(n) { //这段不用管 ，但是必须有 if(n==0){var shuzi=parseInt($("#shuzi").val());var zyl=parseInt($("#zyl").text());if(shuzi>zyl){shuzi=zyl;}n=shuzi;} //这段不用管 $.ajax({ url:"__CONTROLLER__/zymff", data:{wurl:n}, type:"POST", dataType:"TEXT", success:function(data){ var str="<table width=‘100%‘ border=‘1‘ cellpadding=‘0‘ cellspacing=‘0‘><tr><td>代号</td><td>名称</td><td>父级代号</td></tr>"; var fen=data.split("$"); var list=fen[0]; var fpage=fen[1]; var hang=list.split("|"); for(i=0;i<hang.length;i++) { var dyg=hang[i].split("^"); str+="<tr><td>"+dyg[0]+"</td><td>"+dyg[1]+"</td><td>"+dyg[2]+"</td></tr>"; } $("#z1").html(str); $("#z2").html(fpage); }})} 复制代码 在后台处理页面，ajax的返回方式选择"eval",因为需要将分页后的数据和分页信息表全部返回，所以拼成字符串（用JSON应该也行...没试过） 复制代码 public function zhuyemian() //主页面显示 { $this->display(); } public function zymff() //分页信息与数据处理 { $wurl=$_POST["wurl"]; $u=M(‘chinastates‘); $count=$u->count(); $page=new\Fenye\libs\Page($count,25,$wurl); $list = $u->limit($page->limit)->select(); $xinxi=$page->fpage(); foreach($list as $v) { $str .= implode("^",$v); $str .="|"; } $str=substr($str,0,strlen($str)-1); $str.="$"; $str=$str.$xinxi; $this->ajaxReturn($str,"eval"); } 复制代码
以上是关于thinkphp ajax分页的主要内容，如果未能解决你的问题，请参考以下文章