ajax分页

mindwind 发布于2019-06-27 14:55 / 3318人阅读

摘要：一个比较简单，但是需要多一个页面的分页方法首先请求传输数据到后台进行处理与一般的写法没有什么不同，只是在成功返回的时候对输出的进行了覆盖，然后调用一个方法，方法在后面。

一个比较简单，但是需要多一个页面的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>

    商品名称
    投诉人电话
    商家店名
    投诉内容
    投诉时间


    
        {$l.goods_name}
        {$l.phone}
        {$l.sup_name}
        {$l.cpl_content}
        {$l.time}

{$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",
            data:{phone:phone},
            url:url,
            type:"post",
            success:function(data){
                $(".table").html(data);
                    click();
            }
        })
    return false;
    });
}

专线服务服务器托管无刷新ajax分页 ajax分页查询 ajax实现分页 ajax异步分页

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/22103.html

一步步实现thinkphp上的ajax无刷新分页

摘要：信息列表循环赋值分页信息部分这一步是实现无刷新分页的重点，用到了的通信，通过与数据库的交互，将获取到的数据写到模板中，替换掉之前的数据集，达到分页的目的。前言 thinkphp框架自带的分页类是每次翻页都要刷新一下整个页面，这种翻页的用户体验显然是不太理想的，我们希望每次翻页只刷新我们想要的数据集部分的数据，这样我们很容易想到ajax异步通信，用ajax与数据库（本人在开发过程中使用...

张迁 2019-06-27 14:04 评论0 收藏0
jQuery+Ajax+PHP无刷新分页

摘要：下载演示地址本文使用，通过实例讲解如何实现无刷新分页效果。当数据完全加载完毕后，调用函数生成分页，也可用程序来实现分页。页面可在分页的属性中获取。下载演示地址：http://www.erdangjiade.com/js...本文使用jQuery+Ajax+PHP+Mysql，通过实例讲解如何实现Ajax无刷新分页效果。 #ul_lists以列表的形式展现数据，信...

wangzy2019 2019-08-21 11:38 评论0 收藏0
jQuery+Ajax+PHP无刷新分页

摘要：下载演示地址本文使用，通过实例讲解如何实现无刷新分页效果。当数据完全加载完毕后，调用函数生成分页，也可用程序来实现分页。页面可在分页的属性中获取。下载演示地址：http://www.erdangjiade.com/js...本文使用jQuery+Ajax+PHP+Mysql，通过实例讲解如何实现Ajax无刷新分页效果。 #ul_lists以列表的形式展现数据，信...

Kosmos 2019-06-27 15:43 评论0 收藏0
jQuery+Ajax+PHP无刷新分页

摘要：下载演示地址本文使用，通过实例讲解如何实现无刷新分页效果。当数据完全加载完毕后，调用函数生成分页，也可用程序来实现分页。页面可在分页的属性中获取。下载演示地址：http://www.erdangjiade.com/js...本文使用jQuery+Ajax+PHP+Mysql，通过实例讲解如何实现Ajax无刷新分页效果。 #ul_lists以列表的形式展现数据，信...

lauren_liuling 2019-08-14 17:46 评论0 收藏0
jQuery+Ajax+PHP无刷新分页

摘要：下载演示地址本文使用，通过实例讲解如何实现无刷新分页效果。当数据完全加载完毕后，调用函数生成分页，也可用程序来实现分页。页面可在分页的属性中获取。下载演示地址：http://www.erdangjiade.com/js...本文使用jQuery+Ajax+PHP+Mysql，通过实例讲解如何实现Ajax无刷新分页效果。 #ul_lists以列表的形式展现数据，信...

mengbo 2019-08-01 16:30 评论0 收藏0