ajax分页

一个比较简单，但是需要多一个页面的ajax分页方法
首先请求 传输数据到后台进行处理

$(function(){
    $(".btn").click(function(){
        var phone = $("#phone").val();
        $.ajax({
            dataType:'json',data:{phone:phone},url:"{:U('Index/cltoushus')}",type:'post',success:function(data){
                $(".table").html(data);
                    click();
            }
        });
    });
})
与一般的ajax写法没有什么不同，只是在成功返回的时候对输出的html进行了覆盖，然后调用一个click方法，click方法在后面。

后台处理   注意fetch方法和 $this->ajaxReturn 其他跟一般页面输出一样

 public function cltoushus(){
    $phone = I('phone');
    // 查询该手机的超市
    $cid = M('sup_user')->where("phone=$phone")->getField('id');
    $count = M('complaint')->where("cid=$cid")->count();
    $Page  = new ThinkPage($count,2);
    $show  = $Page->show();// 分页显示输出
    $list  = M('complaint')->where("cid=$cid")->order("time desc")->limit($Page->firstRow.','.$Page->listRows)->select();
    $this->assign('list',$list);
    $this->assign('page',$show);
    $html = $this->fetch('Index/ajaxtou');

    $this->ajaxReturn($html,'JSON');
}
新建html页面  将要输出的表格复制到新页面 做为分页的页面

le>
<tr>
    <td>商品名称</td>
    <td>投诉人电话</td>
    <td>商家店名</td>
    <td>投诉内容</td>
    <td>投诉时间</td>
</tr>
<foreach name="list" item="l">
    <tr>
        <td>{$l.goods_name}</td>
        <td>{$l.phone}</td>
        <td>{$l.sup_name}</td>
        <td>{$l.cpl_content}</td>
        <td>{$l.time}</td>
    </tr>
</foreach>

{$page}
最后 就是之前调用的click方法 这里也需要获取ajax的传值，其实也是一个ajax page1 a是下一页点击

function click(){
    $(".page1 a").click(function(){
        var phone = $("#phone").val();
        var obj = this;
        var url = obj.href;
        $.ajax({
            dataType:'json',url:url,success:function(data){
                $(".table").html(data);
                    click();
            }
        })
    return false;
    });
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!