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,一经查实,立即删除!

相关文章

ajax modelbinder,.NET Core 使用ModelBinder去掉所有参数的空格

一.前言通过各种姿势搜索都没搜到这方面的,唯一找到一个比较符合的,但是只适合简单类型,而且代码还没贴全,心累。。然后查看官网和源码之后,发现继承并实现 IModelBinder和IModelBinderProvider 即可。我这里是WebApi,所以要区分绑定属性[FromBody]、[FromForm]等。不同的绑定方…

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;专服业务器第步、三硬配置件的世我服界器务建创首要具先备相不当的错络带宽网&…

mysql outfile csv_sql-MySQL导出到outfile:CSV转义字符

我有时间表的数据库表&#xff0c;其中包含一些常用字段。id, client_id, project_id, task_id, description, time, date还有更多&#xff0c;但这就是要点。我在该表上将导出导出到CSV文件过夜&#xff0c;以便为用户提供其数据的备份。 它也用作带有某些自定义报告的宏Excel…

悲观锁,乐观锁

乐观锁与悲观锁 北京这两天天气不好&#xff0c;时晴时阴&#xff0c;最近有有点累&#xff0c;所以在家里休息了两天&#xff0c;看了一下乐观锁与悲观锁&#xff0c;虽然没有茅塞顿开&#xff0c;但是也有点收获。 先想一想为什么要使用锁&#xff1f; 在用户访问你的网站时&…

求生之路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…

发布博客

使用Word发表博客园博文 Word绑定博客园账号 Step1. 打开Word2016&#xff0c;依次点击"新建" -> "博客文章"。注&#xff1a;如果没有"博客文章"项&#xff0c;可以在模板搜索框进行搜索。 Step2. 进入博客页后&#xff0c;依次点击"…

营业收入的3个数据

1&#xff09;营收&#xff0c;用于公司公开报表&#xff0c;经过客户确认的营业收入&#xff0c;例如合同额100万&#xff0c;明确4阶段付款&#xff0c;每阶段付款25%&#xff0c;现取得客户确认&#xff08;盖章&#xff09;的第一阶段评审通过说明书&#xff0c;则该合同目…

all()是python内置函数吗_Python内置函数all(),python

内置函数 all()1、描述&#xff1a;all() 函数用于判断给定的可迭代参数 iterable 中的所有元素是否都为 True&#xff0c;否则返回 False。元素除了是 0、空、None、False外都算 True。等价于函数&#xff1a;def all(iterable):for element in iterable:if not element:retur…

今天梦幻诛仙服务器维护多久,《梦幻诛仙》6月10日体验服务器维护公告

亲爱的玩家&#xff1a;6月10日《梦幻诛仙》体验服务器将进行停机维护&#xff0c;此次维护我们将会发布更新补丁&#xff0c;版本序号为Ver 1.0.6021。维护时间预计为8&#xff1a;00-10&#xff1a;00点。如遇特殊情况&#xff0c;开机时间将会顺延。请玩家及时更新客户端&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) { …

c# mysql app.config_60. C# -- 读取 appconfig文件配置数据库连接的方法

APP.config配置如下&#xff1a;主要是数据库操作&#xff1a;方法一&#xff1a; string _connectionString System.Configuration.ConfigurationManager.ConnectionStrings["strCon"].ToString();方法二&#xff1a; string _connectionSt…

(转)SQL Server:在 SQL Server 2005 中配置数据库邮件,发送邮件

SQL Server&#xff1a;在 SQL Server 2005 中配置数据库邮件&#xff0c;发送邮件 [作/译者]&#xff1a;鹏城万里 [日期]&#xff1a;2008-07-24 [来源]&#xff1a;本站原创 [查看]: 2031 【鹏城万里】 发表于 www.sqlstudy.com SQL Server&#xff1a;在 SQL Ser…