php使用jQuery+Ajax实现分页查询功能的示例

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

.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);

效果如图：

关键字查询：