后端开发|php教程
jQuery+Ajax,查询功能,php
后端开发-php教程
下面小编就为大家带来一篇PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
证书查询系统源码php,vscode如何返回上一个文件,ubuntu 校验和不符,tomcat如何设置分区域锁,sqlite 时间毫秒,怎么做网页设计,服务器要杀毒软件吗,后台图色插件v2.02,前端框架 同时用,图爬虫安卓,php map类型,seo教父,易语网站,个人网页.net,简约模板下载,扁平化网站登录页面,asp 管理系统,微信小程序 加入购物车lzw
1.首先做主页面Ajax_pag.php
app源码搭建教程,vscode选中相同内容修改,ubuntu目录查看,怎么设置tomcat乱码,requests爬虫效率,php LF,seo优化跟引流的区别,网站后台模板修改用什么软件,wp博客类网站商业模板lzw
代码如下:
相册集源码,vscode 怎么重置窗口,ubuntu字节转换,tomcat在哪配置超时,爬虫地址,php的e框架,海南专业seo代运营,java免费网站源码,古风网页模板源码lzw
关键字:
2.然后做分页查询JS页面Ajax_pag.js
代码如下:
//ajax分页开始 var ts = 10;//每页显示的条数 var page = 1;//当前页 $(document).ready(function(e) {//页面加载数据Load();//加载分页列表Loadlist();$("#ck").click(function(){ //页面加载数据 Load(); //加载分页列表 Loadlist();})})//加载数据的方法 function Load(){ var gjz = $("#key").val(); $.ajax({ async:false, url:"pagechuli.php", data:{page:page,ts:ts,gjz:gjz},//page是显示的页数;ts是显示的条数 type:"POST", dataType:"JSON", success: function(data){var str =""; for(var k in data) { str +="
«";//加载列表for(var i=page-4;i0 && i<=zys()){ //判断当前页 if(i==page){ str+= ""+i+""; }else{str+= ""+i+"";} }}//下一页str+="»";$("#fenye").html(str); $("#prev").click(function(){ if(page>1){page--; } //页面加载数据 Load(); //加载分页列表 Loadlist();}) $(".item").click(function(){ var p = $(this).text();//取到的是字符串,转化为整数 page = parseInt(p); //页面加载数据 Load(); //加载分页列表 Loadlist();}) $("#next").click(function(){ if(page<zys()){page++; } //页面加载数据 Load(); //加载分页列表 Loadlist();})}//总页数 function zys(){ var zys = 0; $.ajax({async:false,url:"zyschuli.php",dataType:"TEXT",success:function(data){ zys = Math.ceil(data/ts);} }); return zys; }
3.最后做分页查询处理页面pagechuli.php
代码如下:
JsonQuery($sql,0)
小插件:总页数的处理页面zyschuli.php
StrQuery($sql,0);
效果如图:
关键字查询: