后端开发|php教程
jQuery+Ajax,查询功能,php
后端开发-php教程
下面小编就为大家带来一篇PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
正版小说网源码,ubuntu 取消密匙,python爬虫实例查询,php curl 传递,seo策略思路lzw
1.首先做主页面Ajax_pag.php
asp200源码,ubuntu手机在哪买,德语学习资源爬虫,php按钮调用后台php,拆分测试seolzw
代码如下:
易语言植物大战僵尸修改器源码,ubuntu如何开启网络,tomcat启动访问路径,爬虫相关文献,青年php官网,湛江市seo搜索引擎优化价格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);
效果如图
关键字查询: