ajax :分页无刷新

最新推荐文章于 2024-09-17 14:30:35 发布

追你到天边

最新推荐文章于 2024-09-17 14:30:35 发布

阅读量261

点赞数

分类专栏： ajax 文章标签： ajax 分页

本文链接：https://blog.csdn.net/qq_37798982/article/details/76585490

版权

ajax 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

ajax :分页无刷新
控制器方法
public function lists(){
        $User = M('Product'); // 实例化product对象
        $count = $User->where('status=1')->count(); // 查询满足要求的总记录数
        $Page = new \Think\Page($count, 2); // 实例化分页类 传入总记录数和每页显示的记录数(25)
        $show = $Page->show(); // 分页显示输出
        // 进行分页数据查询 注意limit方法的参数要使用Page类的属性
        $lists = $User->where('status=1')->limit($Page->firstRow . ',' . $Page->listRows)->select();
        if (IS_AJAX) {//判断是否是AJAX提交
            $this->assign('lists', $lists); // 赋值数据集
            $this->assign('page', $show); // 赋值分页输出
            $html=$this->fetch('Product/fecth');//要替换的页面
            $this->ajaxReturn($html);//ajaxReturn方法用于AJAX调用后返回数据给客户端
        }
        $this->assign('lists', $lists); // 赋值数据集
        $this->assign('page', $show); // 赋值分页输出
}

视图js
<script>
            $(function(){
                $('.page a').click(function(){
                    var url = this.href;//获取.page a的地址
                    //alert(url);                   
                    $.ajax({
                            type:'get',//传值方式
                            url:url,//传值地址
                            success:function(data){                               
                                $(".lists").html(data);//成功:将data数据赋给lists类
                            }
                    })
                        return false;
                })
            })
     </script>
替换部分fecth页面  后+视图js
<div class='lists'> 
   <volist name='lists' id='vo'>
    {$vo.id}
   </volist> 
    <div class="page">
         {$page}
     </div>           
</div>