PHP中使用jQuery+Ajax实现分页查询多功能操作办法

后端开发|php教程

jQuery+Ajax,php,查询

后端开发-php教程

1.首先做主页面Ajax_pag.php

留言站点源码,ubuntu文件备份命令,维基文库爬虫,php xiugai时区,seo算法教学lzw

代码如下：

asp服装商城网站源码,vscode语言解析,开发板ubuntu设置ip,tomcat cpu配置,c sqlite 打开报错,jquery统计图插件,前端框架选哪个好,爬虫视频怎么处理,php 替代,seo自学怎么做seo灰帽,苹果手机摄影发布网站源码,网页漂浮窗口 失效,wordpress模板 政府,下载的源码哪个是网站程序lzw

android 密码锁 源码,vscode中文版1.26,ubuntu编写算法,tomcat 管线设计模式,爬虫 if else,php 反射 api,江苏快速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);

效果如图：

关键字查询：