ThinkPHP无刷新ajax分页

前端准备代码

//分页显示的代码

<div class="pages">{$page}</div>

//因为前端要动态生成HTML代码，所以这里用jquery的on(); return false,阻断a链接

<script>

    $(function(){

        $('body').on('click','.pages a',function(){
            var url = this.href;
            $.ajax({
                type:'get',
                url:url,
                success:function(r){
                    $('.content').html(r);  //r是后端传回的html代码,content为文章列表的父亲盒子
                },
            });
            return false;
        });

    })

</script>

后端准备代码

复制thinkphp里面的分页

1. $User = M('User'); // 实例化User对象

2. $count      = $User->where('status=1')->count();// 查询满足要求的总记录数

3. $Page       = new \Think\Page($count,25);// 实例化分页类 传入总记录数和每页显示的记录数(25)

4. $show       = $Page->show();// 分页显示输出

5. // 进行分页数据查询 注意limit方法的参数要使用Page类的属性

6. $list = $User->where('status=1')->order('create_time')->limit($Page->firstRow.','.$Page->listRows)->select();

7. $this->assign('list',$list);// 赋值数据集

8. $this->assign('page',$show);// 赋值分页输出

9. $this->display(); // 输出模板

在输出模板前，写一个ajax判断，放在输出模板之前

if(IS_AJAX){
            $this->list = $list;
            $this->page = $show;
            $html = $this->fetch('Index/ajax');  //自己创建一个ajax.html模板，里面的内容即为你要循环的文章栏目列表，用于前端动态输出
            $this->ajaxReturn($html);
 }

查看底部ajax分页效果

ThinkPHP无刷新ajax分页百度视频地址：

 链接：http://pan.baidu.com/s/1c0hops0 密码：s6cf