最近在网上看见很多关于thinkphp ajax无刷新分页的实例及说明都没有办法很容易的进行,所以我现在进行讲解和分析,这里已THINKPHP3.0 开始讲解
首先需要一个ajax的分页类
找到ThinkPHPExtendLibraryORGUtil 目录下的Page.class.php
复制一个Page.class.php 更改名字为AjaxPage.class.php 让这2个文件处与同一目录:
- // +----------------------------------------------------------------------
- // | ThinkPHP [ WE CAN DO IT JUST THINK IT ]
- // +----------------------------------------------------------------------
- // | Copyright (c) 2009 http://thinkphp.cn All rights reserved.
- // +----------------------------------------------------------------------
- // | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
- // +----------------------------------------------------------------------
- // | Author: liu21st
- // +----------------------------------------------------------------------
- // $Id: Page.class.php 2712 2012-02-06 10:12:49Z liu21st $
- class AjaxPage {
- // 分页栏每页显示的页数
- public $rollPage = 5;
- // 页数跳转时要带的参数
- public $parameter ;
- // 默认列表每页显示行数
- public $listRows = 20;
- // 起始行数
- public $firstRow ;
- // 分页总页面数
- protected $totalPages ;
- // 总行数
- protected $totalRows ;
- // 当前页数
- protected $nowPage ;
- // 分页的栏的总页数
- protected $coolPages ;
- // 分页显示定制
- protected $config = array('header'=>'条记录','prev'=>'上一页','next'=>'下一页','first'=>'第一页','last'=>'最后一页','theme'=>' %totalRow% %header% %nowPage%/%totalPage% 页 %upPage% %downPage% %first% %prePage% %linkPage% %nextPage% %end%');
- // 默认分页变量名
- protected $varPage;
- public function __construct($totalRows,$listRows='',$ajax_func,$parameter='') {
- $this->totalRows = $totalRows;
- $this->ajax_func = $ajax_func;
- $this->parameter = $parameter;
- $this->varPage = C('VAR_PAGE') ? C('VAR_PAGE') : 'p' ;
- if(!emptyempty($listRows)) {
- $this->listRows = intval($listRows);
- }
- $this->totalPages = ceil($this->totalRows/$this->listRows); //总页数
- $this->coolPages = ceil($this->totalPages/$this->rollPage);
- $this->nowPage = !emptyempty($_GET[$this->varPage])?intval($_GET[$this->varPage]):1;
- if(!emptyempty($this->totalPages) && $this->nowPage>$this->totalPages) {
- $this->nowPage = $this->totalPages;
- }
- $this->firstRow = $this->listRows*($this->nowPage-1);
- }
- public function setConfig($name,$value) {
- if(isset($this->config[$name])) {
- $this->config[$name] = $value;
- }
- }
- public function show() {
- if(0 == $this->totalRows) return '';
- $p = $this->varPage;
- $nowCoolPage = ceil($this->nowPage/$this->rollPage);
- $url = $_SERVER['REQUEST_URI'].(strpos($_SERVER['REQUEST_URI'],'?')?'':"?").$this->parameter;
- $parse = parse_url($url);
- if(isset($parse['query'])) {
- parse_str($parse['query'],$params);
- unset($params[$p]);
- $url = $parse['path'].'?'.http_build_query($params);
- }
- //上下翻页字符串
- $upRow = $this->nowPage-1;
- $downRow = $this->nowPage+1;
- if ($upRow>0){
- $upPage=" ";
- }else{
- break;
- }
- }else{
- if($this->totalPages != 1){
- $linkPage .= " ".$page."";
- }
- }
- }
- $pageStr = str_replace(
- array('%header%','%nowPage%','%totalRow%','%totalPage%','%upPage%','%downPage%','%first%','%prePage%','%linkPage%','%nextPage%','%end%'),
- array($this->config['header'],$this->nowPage,$this->totalRows,$this->totalPages,$upPage,$downPage,$theFirst,$prePage,$linkPage,$nextPage,$theEnd),$this->config['theme']);
- return $pageStr;
- }
- }
- ?>
以上是我自己修改过的AjaxPage类
然后就要写控制器(Action):
- public function test(){
- import("ORG.Util.AjaxPage");// 导入分页类 注意导入的是自己写的AjaxPage类
- $credit = M('test');
- $count = $credit->count(); //计算记录数
- $limitRows = 15; // 设置每页记录数
- $p = new AjaxPage($count, $limitRows,"test"); //第三个参数是你需要调用换页的ajax函数名
- $limit_value = $p->firstRow . "," . $p->listRows;
- $data = $credit->order('id desc')->limit($limit_value)->select(); // 查询数据
- $page = $p->show(); // 产生分页信息,AJAX的连接在此处生成
- $this->assign('list',$data);
- $this->assign('page',$page);
- $this->display();
- }
这里没有进行Ajax的返回,如果需要就要自己修改AjaxPage类了哈,我觉得这样方便,就没有修改.
tpl页面重要部分:
- <div id='test'> //这里的test 和下面js中的test要一致
- <volist id='list' name='list'> //内容输出
- {$list.id}{$list.test}
- volist>
- {$page} //分页输出
- div>
javascrip编写,调用了jquery 框架:
- function test(id){ //test函数名 一定要和action中的第三个参数一致上面有
- var id = id;
- $.get('Test/test', {'p':id}, function(data){ //用get方法发送信息到TestAction中的test方法
- $("#test").replaceWith("
"+data+""); //test一定要和tpl中的一致- });
- }