php ajax mysql 分页查询_PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)

1.首先做主页面Ajax_pag.php

代码如下:

Ajax做分页

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

//限制条件

if(i>0 && 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

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

代码如下:

$gjz = $_POST["gjz"];

$page = $_POST["page"];//获取页数显示值

$ts = $_POST["ts"];//获取每页条数显示值

require_once "./DBDA.class.php";

$db = new DBDA();

$tj = " 1=1 ";

if(!empty($_POST["gjz"])){

$gjz = $_POST["gjz"];

$tj = " areaname like '%{$gjz}%' or areacode like '%{$gjz}%' or parentareacode like '%{$gjz}%' ";

}

$tg = ($page-1)*$ts;//每页显示$ts条数据,这里显示的就是当前页的$tg条数据。

$sql = "select * from chinastates where {$tj} limit {$tg},{$ts}";

echo $db->JsonQuery($sql,0)

小插件:总页数的处理页面zyschuli.php

require_once "./DBDA.class.php";

$db = new DBDA();

$sql = "select count(*) from chinastates";

echo $db->StrQuery($sql,0);

效果如图:

5d2f25d32935e140bfd10f3cab88b61d.png

8c9ed0420871c65861fd2ee4bca7cc01.png

关键字查询:

8fa0caaaf965aab377fbcb77cd1d8812.png

以上这篇PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/411147.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Aswing入门教程 1.6 颜色和填充

Aswing入门教程 1.6 颜色和填充作者&#xff1a;胡矿&#xff0c;iiley&#xff0c;Bill著作权所有&#xff0c;请勿转载www.flashseer.orgGoogle Dochttp://docs.google.com/Doc?iddnp8gdz_16d63xzwGraphics2D允许你利用刷子对象&#xff08;Bursh&#xff09;来进行颜色填充…

学习10:Python重要知识

Python易忽略知识 &#xff08;1&#xff09;print 默认输出是换行的&#xff0c;如果要实现不换行需要在变量末尾加上 end""&#xff1a; &#xff08;2&#xff09;isinstance 和 type 的区别在于&#xff1a;type()不会认为子类是一种父类类型。isinstance()会认为…

mc服务器word文件夹,我的世界服务器创建:MC个人服务器创建流程

:缺防盗等等乏的级高能功合&#xff1a;适友之间朋联机bkkuti务器服优点功&#xff1a;齐能全&#xff0c;插件样缺点多配置非常&#xff1a;复杂mi,encarft级升时的候能不步同新更适合&#xff1a;专服业务器第步、三硬配置件的世我服界器务建创首要具先备相不当的错络带宽网&…

求生之路2浩方联机开始显示服务器,求生之路2怎么联机_求生之路2浩方联机教程_快吧单机游戏...

今天为大家带来《求生之路2》浩方联机教程&#xff0c;和大家分享下求生之路2怎么联机&#xff0c;希望大家游戏愉快&#xff01;温馨提示&#xff1a;求生之路2最好玩的当然是多人联机进行游戏&#xff0c;目前比较不错的平台为浩方平台&#xff0c;在HF联机最重要的一点是必须…

5位数的数字黑洞是多少_每日一题[491]数字黑洞--Kaprekar常数

定义$\overline{abc}$是一个三位数&#xff0c;其中各数位上的数字$a,b,c\in \{ 0,1,2,3,4,5,6,7,8,9 \}$且不全相同&#xff0e;定义如下运算$f$&#xff1a;把$\overline{abc}$的三个数字$a,b,c$自左到右分别由大到小排列和由小到大排列(若非零数字不足三位则在前面补$0$)&am…

10.类的构造(1)

1. 默认情况下&#xff0c;int为“0”&#xff1b;string为空&#xff1b; public partial class Form1 : Form { public Form1() { InitializeComponent(); } private void Form1_Load(object sender, EventArgs e) { …

编程实现背包的递归和非递归两种解法_算法动态规划(七)背包问题4

⚠️今天继续我们来探讨背包问题中的完全背包问题。完全背包&#xff1a;N个物品&#xff0c;容量为V&#xff0c;每个物品可以无限次使用&#xff0c;求达到V的最值。???今日练习(一)零钱兑换(LeetCode-322)。给定一批硬币coins数组&#xff0c;每个硬币可以不限次数使用&a…

算法与数据结构 (三) 二叉树的简单应用 二叉查找树,二叉堆排序

一 二叉查找树 二叉查找树又叫二叉排序树&#xff0c;是为了解决查找的效率问题。正常情况下查找一个元素&#xff0c;需要O&#xff08;n&#xff09;的代价&#xff0c;但是如果查找元素有顺序&#xff0c;有序数组&#xff1a;可以用二分查找降低到 lgn 代价&#xff0c;但…

java操作Excel的poi 遍历一个工作簿

遍历一个工作簿 package com.java.poi;import org.apache.poi.hssf.usermodel.HSSFCell; import org.apache.poi.hssf.usermodel.HSSFRow; import org.apache.poi.hssf.usermodel.HSSFSheet; import org.apache.poi.hssf.usermodel.HSSFWorkbook; import org.apache.poi.poifs.…

git 回滚 add 操作_炫技!git 优雅回滚一次错误的合并操作!

点击蓝色小字关注!关注一下你就不会有bug&#xff01;合并操作相对于常规的 commit&#xff0c;当使用 git merge 合并两个分支的时候&#xff0c;你会得到一个新的 merge commit。当我们 git show 的时候会出现类似信息&#xff1a;1commit 6dd0e2b9398ca8cd12bfd1faa1531d86d…

PS教程第十八课:放大缩小

导航器进行放大缩小操作