THINKPHP ajax分页示例

Posted 李照耀

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了THINKPHP ajax分页示例相关的知识,希望对你有一定的参考价值。

先把框架的page类改造一下

路径在Thinkphp/Library/Think/Page.class.php文件

添加一个方法 ajax_show

代码如下

<?php
    /**
     * 组装分页链接
     * @return string
     */
    public function ajax_show() {
        if(0 == $this->totalRows) return \'\';

        /* 生成URL */
        $this->parameter[$this->p] = \'[PAGE]\';
        $this->url = U(ACTION_NAME, $this->parameter);
        /* 计算分页信息 */
        $this->totalPages = ceil($this->totalRows / $this->listRows); //总页数
        if(!empty($this->totalPages) && $this->nowPage > $this->totalPages) {
            $this->nowPage = $this->totalPages;
        }

        /* 计算分页临时变量 */
        $now_cool_page      = $this->rollPage/2;
        $now_cool_page_ceil = ceil($now_cool_page);
        $this->lastSuffix && $this->config[\'last\'] = $this->totalPages;

        //上一页
        $up_row  = $this->nowPage - 1;
        $up_page = $up_row > 0 ? \'<a class="prev" href="javascript:;" data-href="\' . $this->url($up_row) . \'">\' . $this->config[\'prev\'] . \'</a>\' : \'\';

        //下一页
        $down_row  = $this->nowPage + 1;
        $down_page = ($down_row <= $this->totalPages) ? \'<a class="next" href="javascript:;" data-href="\' . $this->url($down_row) . \'">\' . $this->config[\'next\'] . \'</a>\' : \'\';

        //第一页
        $the_first = \'\';
        if($this->totalPages > $this->rollPage && ($this->nowPage - $now_cool_page) >= 1){
            $the_first = \'<a class="first" href="javascript:;" data-href="\' . $this->url(1) . \'">\' . $this->config[\'first\'] . \'</a>\';
        }

        //最后一页
        $the_end = \'\';
        if($this->totalPages > $this->rollPage && ($this->nowPage + $now_cool_page) < $this->totalPages){
            $the_end = \'<a class="end" href="javascript:;" data-href="\' . $this->url($this->totalPages) . \'">\' . $this->config[\'last\'] . \'</a>\';
        }

        //数字连接
        $link_page = "";
        for($i = 1; $i <= $this->rollPage; $i++){
            if(($this->nowPage - $now_cool_page) <= 0 ){
                $page = $i;
            }elseif(($this->nowPage + $now_cool_page - 1) >= $this->totalPages){
                $page = $this->totalPages - $this->rollPage + $i;
            }else{
                $page = $this->nowPage - $now_cool_page_ceil + $i;
            }
            if($page > 0 && $page != $this->nowPage){

                if($page <= $this->totalPages){
                    $link_page .= \'<a class="num" href="javascript:;" data-href="\' . $this->url($page) . \'">\' . $page . \'</a>\';
                }else{
                    break;
                }
            }else{
                if($page > 0 && $this->totalPages != 1){
                    $link_page .= \'<span class="current">\' . $page . \'</span>\';
                }
            }
        }

        //替换分页内容
        $page_str = str_replace(
            array(\'%HEADER%\', \'%NOW_PAGE%\', \'%UP_PAGE%\', \'%DOWN_PAGE%\', \'%FIRST%\', \'%LINK_PAGE%\', \'%END%\', \'%TOTAL_ROW%\', \'%TOTAL_PAGE%\'),
            array($this->config[\'header\'], $this->nowPage, $up_page, $down_page, $the_first, $link_page, $the_end, $this->totalRows, $this->totalPages),
            $this->config[\'theme\']);
        return "<div>{$page_str}</div>";
    }
?>

然后在提供后端数据的控制器中这样写代码

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link href="https://cdn.bootcss.com/bootstrap/4.0.0-alpha.3/css/bootstrap.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>
<style>
    #page a{margin: 2px}
</style>
<body>
<div class="container">
    <table class="table table-striped table-condensed">
        <thead>
            <tr>
                <td>username</td>
                <td>email</td>
            </tr>
        </thead>
        <tbody id="data_list"></tbody>
    </table>
    <div id="page"></div>
</div>
<script>
    $(function(){
        get_data("http://localhost/thinkphp/");//初始化

        $("body").on(\'click\',\'#page a\',function(){
            get_data($(this).attr("data-href"));
        });
    });
    function get_data(url)
    {
        $.getJSON(url,{},function(res){
            var html="";
            for (var i = 0; i < res.data.length; i++) {
                html+="<tr><td>"+res.data[i].username+"</td><td>"+res.data[i].email+"</td></tr>";
            };
            $("tbody").html(html);
            $("#page").html(res.page);
        });
    }
</script>
</body>
</html>

 演示效果如下:

 

以上是关于THINKPHP ajax分页示例的主要内容,如果未能解决你的问题,请参考以下文章

thinkphp中的ajax分页

thinkphp ajax分页

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

ThinkPHP框架 AJAX方法返回 AJAX实现分页例子:

thinkphp5 Ajax搜索分页

ThinkPHP3.2.3自带的分页用法--很简单实用