THINKPHP3 ajax无刷新分页类及实例

最近在网上看见很多关于thinkphp ajax无刷新分页的实例及说明都没有办法很容易的进行,所以我现在进行讲解和分析,这里已THINKPHP3.0 开始讲解

首先需要一个ajax的分页类

找到ThinkPHP\Extend\Library\ORG\Util 目录下的Page.class.php

复制一个Page.class.php 更改名字为AjaxPage.class.php 让这2个文件处与同一目录:

1. <?php 
2. // +---------------------------------------------------------------------- 
3. // | ThinkPHP [ WE CAN DO IT JUST THINK IT ] 
4. // +---------------------------------------------------------------------- 
5. // | Copyright (c) 2009 http://thinkphp.cn All rights reserved. 
6. // +---------------------------------------------------------------------- 
7. // | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 ) 
8. // +---------------------------------------------------------------------- 
9. // | Author: liu21st <liu21st@gmail.com> 
10. // +---------------------------------------------------------------------- 
11. // $Id: Page.class.php 2712 2012-02-06 10:12:49Z liu21st $ 
12. class AjaxPage { 
13.     // 分页栏每页显示的页数 
14.     public $rollPage = 5; 
15.     // 页数跳转时要带的参数 
16.     public $parameter  ; 
17.     // 默认列表每页显示行数 
18.     public $listRows = 20; 
19.     // 起始行数 
20.     public $firstRow ; 
21.     // 分页总页面数 
22.     protected $totalPages  ; 
23.     // 总行数 
24.     protected $totalRows  ; 
25.     // 当前页数 
26.     protected $nowPage    ; 
27.     // 分页的栏的总页数 
28.     protected $coolPages   ; 
29.     // 分页显示定制 
30.     protected $config  = array('header'=>'条记录','prev'=>'上一页','next'=>'下一页','first'=>'第一页','last'=>'最后一页','theme'=>' %totalRow% %header% %nowPage%/%totalPage% 页 %upPage% %downPage% %first%  %prePage%  %linkPage%  %nextPage% %end%'); 
31.     // 默认分页变量名 
32.     protected $varPage; 
33.  
34.     public function __construct($totalRows,$listRows='',$ajax_func,$parameter='') { 
35.         $this->totalRows = $totalRows; 
36.         $this->ajax_func = $ajax_func; 
37.         $this->parameter = $parameter; 
38.         $this->varPage = C('VAR_PAGE') ? C('VAR_PAGE') : 'p' ; 
39.         if(!emptyempty($listRows)) { 
40.             $this->listRows = intval($listRows); 
41.         } 
42.         $this->totalPages = ceil($this->totalRows/$this->listRows);     //总页数 
43.         $this->coolPages  = ceil($this->totalPages/$this->rollPage); 
44.         $this->nowPage  = !emptyempty($_GET[$this->varPage])?intval($_GET[$this->varPage]):1; 
45.         if(!emptyempty($this->totalPages) && $this->nowPage>$this->totalPages) { 
46.             $this->nowPage = $this->totalPages; 
47.         } 
48.         $this->firstRow = $this->listRows*($this->nowPage-1); 
49.     } 
50. public function setConfig($name,$value) { 
51.         if(isset($this->config[$name])) { 
52.             $this->config[$name]    =   $value; 
53.         } 
54.     } 
55.  
56.     public function show() { 
57.         if(0 == $this->totalRows) return ''; 
58.         $p = $this->varPage; 
59.         $nowCoolPage      = ceil($this->nowPage/$this->rollPage); 
60.         $url  =  $_SERVER['REQUEST_URI'].(strpos($_SERVER['REQUEST_URI'],'?')?'':"?").$this->parameter; 
61.         $parse = parse_url($url); 
62.         if(isset($parse['query'])) { 
63.             parse_str($parse['query'],$params); 
64.             unset($params[$p]); 
65.             $url   =  $parse['path'].'?'.http_build_query($params); 
66.         } 
67.         //上下翻页字符串 
68.         $upRow   = $this->nowPage-1; 
69.         $downRow = $this->nowPage+1; 
70.         if ($upRow>0){ 
71.             $upPage="<a id='big' href='javascript：".$this->ajax_func."(".$upRow.")'>".$this->config['prev']."</a>"; 
72.         }else{ 
73.             $upPage=""; 
74.         } 
75. if ($downRow <= $this->totalPages){ 
76.             $downPage="<a id='big' href='javascript：".$this->ajax_func."(".$downRow.")'>".$this->config['next']."</a>"; 
77.         }else{ 
78.             $downPage=""; 
79.         } 
80.         // << < > >> 
81.         if($nowCoolPage == 1){ 
82.             $theFirst = ""; 
83.             $prePage = ""; 
84.         }else{ 
85.             $preRow =  $this->nowPage-$this->rollPage; 
86.             $prePage = "<a id='big' href='javascript：".$this->ajax_func."(".$preRow.")'>上".$this->rollPage."页</a>"; 
87.             $theFirst = "<a id='big' href='javascript：".$this->ajax_func."(1)' >".$this->config['first']."</a>"; 
88.         } 
89.         if($nowCoolPage == $this->coolPages){ 
90.             $nextPage = ""; 
91.             $theEnd=""; 
92.         }else{ 
93.             $nextRow = $this->nowPage+$this->rollPage; 
94.             $theEndRow = $this->totalPages; 
95.             $nextPage = "<a id='big' href='javascript：".$this->ajax_func."(".$nextRow.")' >下".$this->rollPage."页</a>"; 
96.             $theEnd = "<a id='big' href='javascript：".$this->ajax_func."(".$theEndRow.")' >".$this->config['last']."</a>"; 
97.         } 
98.         // 1 2 3 4 5 
99.         $linkPage = ""; 
100.         for($i=1;$i<=$this->rollPage;$i++){ 
101.             $page=($nowCoolPage-1)*$this->rollPage+$i; 
102.             if($page!=$this->nowPage){ 
103.                 if($page<=$this->totalPages){ 
104.                    $linkPage .= "&nbsp;<a id='big' href='javascript：".$this->ajax_func."(".$page.")'>&nbsp;".$page."&nbsp;</a>"; 
105.                 }else{ 
106.                     break; 
107.                 } 
108.             }else{ 
109.                 if($this->totalPages != 1){ 
110.                     $linkPage .= "&nbsp;<span class='current'>".$page."</span>"; 
111.                 } 
112.             } 
113.         } 
114.         $pageStr  =  str_replace( 
115.             array('%header%','%nowPage%','%totalRow%','%totalPage%','%upPage%','%downPage%','%first%','%prePage%','%linkPage%','%nextPage%','%end%'), 
116.             array($this->config['header'],$this->nowPage,$this->totalRows,$this->totalPages,$upPage,$downPage,$theFirst,$prePage,$linkPage,$nextPage,$theEnd),$this->config['theme']); 
117.         return $pageStr; 
118.     } 
119. } 
120. ?> 

以上是我自己修改过的AjaxPage类

然后就要写控制器(Action):

1. public function test(){ 
2.   import("ORG.Util.AjaxPage");// 导入分页类  注意导入的是自己写的AjaxPage类 
3.    
4.   $credit = M('test'); 
5.    
6.   $count = $credit->count(); //计算记录数 
7.         $limitRows = 15; // 设置每页记录数 
8.         
9.         $p = new AjaxPage($count, $limitRows,"test"); //第三个参数是你需要调用换页的ajax函数名 
10.         $limit_value = $p->firstRow . "," . $p->listRows; 
11.         
12.         $data = $credit->order('id desc')->limit($limit_value)->select(); // 查询数据 
13.         $page = $p->show(); // 产生分页信息，AJAX的连接在此处生成 
14.     $this->assign('list',$data); 
15.         $this->assign('page',$page); 
16.         $this->display(); 
17.  } 

这里没有进行Ajax的返回,如果需要就要自己修改AjaxPage类了哈,我觉得这样方便,就没有修改.

tpl页面重要部分:

1. <div id='test'>   //这里的test 和下面js中的test要一致 
2. <volist id='list' name='list'>   //内容输出 
3.    ｛$list.id｝｛$list.test｝ 
4. </volist> 
5. {$page}  //分页输出 
6. </div> 

javascrip编写,调用了jquery 框架:

1. function test(id){    //test函数名 一定要和action中的第三个参数一致上面有 
2.  var id = id; 
3.         $.get('Test/test', {'p':id}, function(data){  //用get方法发送信息到TestAction中的test方法 
4.      $("#test").replaceWith("<div  id='test'>"+data+"</div>"); //test一定要和tpl中的一致 
5.     }); 
6.  }