分享一个ThinkPHP的Ajax异步分页的类PageAjax.class

        可能在很多时候，现在对一些用户体验什么的都比较重视，所以Ajax的异步加载数据，将可以很好的处理用户体验效果，所以用Ajax也是比较多的，导致在一些分页效果中，分享一个THinkPHP的分页类，希望大家用的到，以供学习参考。

PHP代码

public function getData($p=0){
        $row= 15;
        header('Content-Type:application/json; charset=utf-8');
        // 省略统计总记录和data数据查询代码
        $Page       = new \Think\PageAjax($count,$row);// 实例化分页类 传入总记录数和每页显示的记录数
        $show       = $Page->show();// 分页显示输出
        $list['page'] = $show;
        $list['data'] = $data;
        echo json_encode($list);
    }

HTML代码

<div id="page" style="text-align:center;"></div>

JQuery代码

$(document).ready(function(){
        //分页
        $("#page").on("click","a",function(){
            var page = parseInt($(this).attr("data-page"));
            $.get('{:U('getData')}', {
                p: page
            },
            function(list) {
                $("#dataAjax").html(list.data);
                $("#page").html(list.page)
            })
        })
    })

CSS样式

一个简单的CSS样式，请自行美化

#page{text-align: center;}
#page a{padding: 5px 8px;border: 1px solid #ccc; margin-right: 5px; border-radius: 3px; cursor: pointer;}
#page .current{background: #eee;}

本文作者： Liaodeity

本文链接： https://www.jianbaizhan.com/article/380

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！