PHP中使用jQuery+Ajax实现分页查询功能

后端开发|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

.header{margin-top: 20px; }

关键字：

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 +=""+data[k][0]+""+data[k][1]+""+data[k][2]+""; } $("#list").html(str);//把拼接好的字符串放到要显示的thody里面} }) }//加载分页列表function Loadlist(){var str ="";//上一页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);

效果如图

关键字查询：