ajax+thinkphp框架实现无刷新分页

95 篇文章 0 订阅

终于成功了,ajax+thinkphp框架实现无刷新分页!无多余代码 请按我的步骤来


1:控制器需要变化的地方
$p = new Page($counts,20,'type=1','ajax_div','ajax_page_div');//ajax_div=最外层的div;ajax_page_div=page外面的div
if($this->isAjax()){
            exit($this->fetch('list'));//list为list.html模版
        }
3:在模版文件夹下面建一个list.html。里面放的内容是主模版里面循环的内容,下面有示例。分页循环一定要在内容循环的框里面,这次走了许多弯路是因为循环在外面了
<div id="ajax_div">
<volist name="list" id="vo">
<ul>
<li>
循环内容
</li>
</ul>
</volist>
<div class="page"><div id="ajax_page_div">{$page}</div></div>{/*分页*/}
</div>{/*ajax_div*/}

5:控制器

6:引用下面的page类,把下面的内容另存为Page.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 Page {

    // 分页栏每页显示的页数
    public $rollPage = 10;
    // 页数跳转时要带的参数
    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%  %first%  %prePage%  %linkPage% %downPage% %nextPage% %end%  %ajax%');
    // 默认分页变量名
    protected $varPage;
    //分页外层div的id
    protected $pagesId;
    //分页内容替换目标ID
    protected $target;

    /**
      +----------------------------------------------------------
     * 架构函数
      +----------------------------------------------------------
     * @access public
      +----------------------------------------------------------
     * @param array $totalRows  总的记录数
     * @param array $listRows  每页显示记录数
     * @param array $parameter  分页跳转的参数
      +----------------------------------------------------------
     */
    public function __construct($totalRows, $listRows = '', $parameter = '',$target='',$pagesId='') {
        $this->totalRows = $totalRows;
        $this->parameter = $parameter;
        $this->target = $target;
        $this->pagesId = $pagesId;
        $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;
        }
    }

    /**
      +----------------------------------------------------------
     * 分页显示输出
      +----------------------------------------------------------
     * @access public
      +----------------------------------------------------------
     */
    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 href='" . $url . "&" . $p . "=$upRow'>" . $this->config['prev'] . "</a>";
        } else {
            $upPage = "";
        }

        if ($downRow <= $this->totalPages) {
            $downPage = "<a href='" . $url . "&" . $p . "=$downRow'>" . $this->config['next'] . "</a>";
        } else {
            $downPage = "";
        }
        // << < > >>
        if ($nowCoolPage == 1) {
            $theFirst = "";
            $prePage = "";
        } else {
            $preRow = $this->nowPage - $this->rollPage;
            $prePage = "<a href='" . $url . "&" . $p . "=$preRow' >上" . $this->rollPage . "页</a>";
            $theFirst = "<a href='" . $url . "&" . $p . "=1' >" . $this->config['first'] . "</a>";
        }
        if ($nowCoolPage == $this->coolPages) {
            $nextPage = "";
            $theEnd = "";
        } else {
            $nextRow = $this->nowPage + $this->rollPage;
            $theEndRow = $this->totalPages;
            $nextPage = "<a href='" . $url . "&" . $p . "=$nextRow' >下" . $this->rollPage . "页</a>";
            $theEnd = "<a href='" . $url . "&" . $p . "=$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 href='" . $url . "&" . $p . "=$page'>&nbsp;" . $page . "&nbsp;</a>";
                } else {
                    break;
                }
            } else {
                if ($this->totalPages != 1) {
                    $linkPage .= "&nbsp;<span class='current'>" . $page . "</span>";
                }
            }
        }
        //<script>jquery分页</script>
        $ajax = '';
        if($this->target){
            $ajax = <<<eco
   <script>
       jQuery(function($) {
            $('#{$this->pagesId} a').click(function(){
                $.ajax({
                    url: $(this).attr('href'),
                    dataType: "html",
                    type: "POST",
                    cache: false,
                    success: function(html){
                        $("#{$this->target}").html(html);
                    }
                });
                return false;
            });
       });
   </script>
eco;
        }
        $pageStr = str_replace(
            array(
                '%header%',
                '%nowPage%',
                '%totalRow%',
                '%totalPage%',
                '%upPage%',
                '%downPage%',
                '%first%',
                '%prePage%',
                '%linkPage%',
                '%nextPage%',
                '%end%',
                '%ajax%'
            ),
            array(
                $this->config['header'],
                $this->nowPage,
                $this->totalRows,
                $this->totalPages,
                $upPage, $downPage,
                $theFirst, $prePage,
                $linkPage, $nextPage,
                $theEnd,
                $ajax
            ),
            $this->config['theme']
        );
        return $pageStr;
    }

}

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值