博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ajax分页
阅读量:6842 次
发布时间:2019-06-26

本文共 1711 字,大约阅读时间需要 5 分钟。

一个比较简单,但是需要多一个页面的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 \Think\Page($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;    });}

转载地址:http://cqdul.baihongyu.com/

你可能感兴趣的文章
ECCV 2018 最佳论文名单公布,何恺明再添一项论文奖
查看>>
JAVA模板方法设计模式——Java设计模式,写漂亮的代码——
查看>>
Debian 包维护者不满 Debian 开发流程,宣布退出
查看>>
Scrapy分布式爬虫打造搜索引擎-(八)elasticsearch结合django搭建搜索引擎
查看>>
朋也社区 v5.2.0 更新,新增手机号,微信登录外加主题一套
查看>>
骞云科技完成500万美元A+轮融资,清流资本领投
查看>>
PHP CORS 1.4 更新,支持框架中再填一员 - Swoft
查看>>
Python学习计划(1)
查看>>
使用宝塔linux面板管理安装WordPress个人博客
查看>>
有趣的Tensorflow游乐场以及有趣的思考
查看>>
spring源码-bean之初始化-1
查看>>
不为人知的网络编程(七):如何让不可靠的UDP变的可靠?
查看>>
Android--面试题整理(五)
查看>>
php continue break 用例
查看>>
Scrapy小解
查看>>
移动端小项目的小总结~
查看>>
【新知】 量子技术初探
查看>>
CentOS 6.9关闭NetworkManager服务
查看>>
Atom飞行手册翻译: 2.12 在Atom中写作
查看>>
JVM的大管家:自动内存管理机制
查看>>