• 在Thinkphp中使用AJAX实现无刷新分页


    在Thinkphp目录的LibORGUtil目录里新建AjaxPage.class.php,写入一下内容:

    <?php
    // +----------------------------------------------------------------------
    // | 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 <liu21st@gmail.com>
    // +----------------------------------------------------------------------
    // $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(!empty($listRows)) {
                $this->listRows = intval($listRows);
            }
            $this->totalPages = ceil($this->totalRows/$this->listRows);     //总页数
            $this->coolPages  = ceil($this->totalPages/$this->rollPage);
            $this->nowPage  = !empty($_GET[$this->varPage])?intval($_GET[$this->varPage]):1;
            if(!empty($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="<a id='big' href='javascript:".$this->ajax_func."(".$upRow.")'>".$this->config['prev']."</a>";
            }else{
                $upPage="";
            }

    if ($downRow <= $this->totalPages){
                $downPage="<a id='big' href='javascript:".$this->ajax_func."(".$downRow.")'>".$this->config['next']."</a>";
            }else{
                $downPage="";
            }
            // << < > >>
            if($nowCoolPage == 1){
                $theFirst = "";
                $prePage = "";
            }else{
                $preRow =  $this->nowPage-$this->rollPage;
                $prePage = "<a id='big' href='javascript:".$this->ajax_func."(".$preRow.")'>上".$this->rollPage."页</a>";
                $theFirst = "<a id='big' href='javascript:".$this->ajax_func."(1)' >".$this->config['first']."</a>";
            }
            if($nowCoolPage == $this->coolPages){
                $nextPage = "";
                $theEnd="";
            }else{
                $nextRow = $this->nowPage+$this->rollPage;
                $theEndRow = $this->totalPages;
                $nextPage = "<a id='big' href='javascript:".$this->ajax_func."(".$nextRow.")' >下".$this->rollPage."页</a>";
                $theEnd = "<a id='big' href='javascript:".$this->ajax_func."(".$theEndRow.")' >".$this->config['last']."</a>";
            }
            // 1 2 3 4 5
            $linkPage = "";
            for($i=1;$i<=$this->rollPage;$i++){
                $page=($nowCoolPage-1)*$this->rollPage+$i;
                if($page!=$this->nowPage){
                    if($page<=$this->totalPages){
                       $linkPage .= "&nbsp;<a id='big' href='javascript:".$this->ajax_func."(".$page.")'>&nbsp;".$page."&nbsp;</a>";
                    }else{
                        break;
                    }
                }else{
                    if($this->totalPages != 1){
                        $linkPage .= "&nbsp;<span class='current'>".$page."</span>";
                    }
                }
            }
            $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;
        }

    }

    ?>

    控制器里写入以下内容:

    <?php
    class UserAction extends Action{
        public function user(){
              import("ORG.Util.AjaxPage");// 导入分页类  注意导入的是自己写的AjaxPage类
              $credit = M('user');
              $count = $credit->count(); //计算记录数
            $limitRows = 5// 设置每页记录数
           
            $p = new AjaxPage($count, $limitRows,"user"); //第三个参数是你需要调用换页的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();

         }
    }

    ?>

    模板文件如下:
    <html>
        <head>
            <title>Ajax无刷新分页</title>
            <script type="text/javascript" src="../Public/jquery-1.7.2.min.js"></script>
            <script type="text/javascript">
                function user(id){    //user函数名 一定要和action中的第三个参数一致上面有
                     var id = id;
                        $.get('User/user', {'p':id}, function(data){  //用get方法发送信息到UserAction中的user方法
                         $("#user").replaceWith("<div  id='user'>"+data+"</div>"); //user一定要和tpl中的一致
                    });
                 }
                
            </script>
        </head>

        <body>
                <div id='user'>   <!--这里的user和下面js中的test要一致-->
                        <volist id='list' name='list'>   <!--内容输出-->
                        <{$list.id}>&nbsp;&nbsp;<{$list.username}><br/>
                </volist>
                <{$page}>  <!--分页输出-->
            </div>
            
        </body>
    </html>
  • 相关阅读:
    Lubuntu"软件包 没有可安装的候选者"解决办法
    Django实现邮件发送功能
    Django2.0跨域请求配置
    Django 正向解析与反向解析
    python 反爬虫策略
    base64简单使用
    Selenium功能自动化测试工具
    Pandas之Dateframe 实现Excel读取与写入
    pillow与numpy实现图片素描化
    用Pyinstaller 实现py.转化为exe可执行文件----二维码实例
  • 原文地址:https://www.cnblogs.com/qhorse/p/4598075.html
Copyright © 2020-2023  润新知