thinkphp5 ajax无刷新分页

thinkphp5 ajax 无刷新分页效果的实现

1.在做paginate分页的时候,修改a链接

$res = db("xxx")->where("1=1")->paginate(1,false,['path'=>'javascript:AjaxPage([PAGE]);']);

2.js写ajaxPage方法去调用ajax

            //无刷新分页
            function AjaxPage(page){
                $.get(
                    '/index.php/admin/Student/getPage',
					{ page:page },
		function (data) {
                        var html = "";
                        $(data.data.data).each(function (i,d) {

                             html += "<tr>\n" +
                                 "<th>资助人</th>\n" +
                                 "<th>学生姓名</th>\n" +
                                 "<th>性别</th>\n" +
                                 "<th>出生日期</th>\n" +
                                 "<th>家庭人数</th>\n" +
                                 "<th>家庭年收入</th>\n" +
                                 "<th>望助金额(学期)</th>\n" +
                                 "<th>操作</th>\n" +
                                 "</tr>";
                             html += "<tr>\n" +
                                 "<td>"+ d.u_id +"</td>\n" +
                                 "<td>"+ d.name +"</td>\n" +
                                 "<td>"+ d.sex +"</td>\n" +
                                 "<td>"+ d.birthday.substring(0,10)+"</td>\n" +
                                 "<td>"+ d.family_num +"</td>\n" +
                                 "<td>"+ d.family_income +"</td>\n" +
                                 "<td>" + d.money + "</td>\n" +
                                 "<td>\n" +
                                 "<div class=\"button-group\">\n" +
                                 "<a class=\"button border-main\" href=\"javascript:vaid(0);\" οnclick=\"Delivery_stop(this,"+ d.id +")\"><span class=\"icon-plus\"></span> 上传汇款记录</a>\n" +
                                 "<a class=\"button border-green\" href=\"/index.php/admin/Student/student_eye/id/"+ d.id +"\"><span class=\"icon-eye\"></span> 查看</a>\n" +
                                 "<a class=\"button border-main\" href=\"/index.php/admin/Student/student_list_add/id/"+ d.id +"\"><span class=\"icon-edit\"></span> 编辑</a>\n" +
                                 "<a class=\"button border-red\" href=\"/index.php/admin/Student/student_del/id/"+ d.id +"\" οnclick=\"return del()\"><span class=\"icon-trash-o\"></span> 删除</a>\n" +
                                 "</div>\n" +
                                 "</td>\n" +
                                 "</tr>";
                        });
                        html +=  "<tr>\n" +
                            "<td colspan=\"10\"><div class=\"pagelist\"> "+ data.ajaxPage +" </div></td>\n" +
                            "</tr>";
                    $('.ajaxPage').html(html);
                })
            }

3.ajax访问的控制器代码

    /**
     * ajax 无刷新分页
     * @return mixed
     * @throws \think\exception\DbException
     */
    public function getPage()
    {
        if(input("page")){
            $data['data'] = db("xxx")->where("1=1")->paginate(1,false,['page'=>input("page"),'path'=>'javascript:AjaxPage([PAGE]);']);
            $data['ajaxPage'] =  $data['data']->render();
            return $data;
        }

    }

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值