宝哥软件园

PHP中使用jQuery Ajax实现分页查询多功能操作(示例讲解)

编辑:宝哥软件园 来源:互联网 时间:2021-09-03

1.首先做主页面Ajax_pag.php

代码如下:

!DOCTYPE html html head meta charset=' UTF-8 ' title AJax做分页/title脚本src=' http : bootstrap/js/jquery-1。11 .2 .量滴js '/script script src=' http : AJax _ PAG。js '/script script src=' http : bootstrap/js/bootstrap。量滴js '/脚本链接href=' bootstrap/CSS/bootstrap。量滴CSS“rel=”externano跟随“rel=”样式表type=' text/CSS '/head style .表头{ margin-top : 20px;}/样式正文差异关键字:输入id='key' type='text' name='gjz'/输入类型='按钮'值='查询id=' CK '/div table class='以表格为边界的表格标题'和tr th地区代号/th地区名称/th父级代号/th/tr/ad t正文id=' list '/t正文/表div ul class=' pagining ' id=' fenye '/ul/div/正文/html 2 .然后做分页查询射流研究…页面Ajax_pag.js

代码如下:

//ajax分页开始var ts=10/每页显示的条数var page=1;//当前页$(文档)。就绪(功能(e) { //页面加载数据load();//加载分页列表load list();$('#ck ').单击(函数(){ //页面加载数据load();//加载分页列表load list();})}) //加载数据的方法函数Load(){ var gjz=$('#key ').val();$.ajax({ async:false,url:'pagechuli.php ',data:{page:page,ts:ts,gjz:gjz},//page是显示的页数;分时(同分时)是显示的条数类型: '开机自检',数据类型:'JSON ',成功:函数(数据){ var str=for(var k in data){ str=' trtd ' data[k][0]'/tdtd ' data[k][1]'/tdtd ' data[k][2]'/TD/tr ';} $('#list ').html(字符串);//把拼接好的字符串放到要显示的方法里面} }) } //加载分页列表函数load list(){ var str=' ';//上一页str=' lia id=' prev '/a/Li ';//加载列表对于(var I=第四页;IP年龄5岁;i ){ //限制条件if(i0 i=zys()){ //判断当前页if(I==page){ str=' Li class=' active ' a ' I '/a/Li ';} else { str=' lia class=' item ' ' I '/a/Li ';} } } //下一页str=' lia id=' next '/a/Li;$('#fenye ').html(字符串);$('#prev ').单击(function(){ if(page 1){ page-;} //页面加载数据load();//加载分页列表load list();}) $('.项目')。单击(function(){ var p=$(this)).text();//取到的是字符串,转化为整数page=ParSeint(p);//页面加载数据load();//加载分页列表load list();}) $('#next ').单击(function(){ if(pagezys()){ page;} //页面加载数据load();//加载分页列表load list();}) } //总页数函数zys(){ var zys=0;$.ajax({ async:false,url:'zyschuli.php ',dataType:'TEXT ',success :函数(data){ zys=math。天花板(数据/ts);} });返回zys}3。最后做分页查询处理页面pagechuli.php

代码如下:

?PHP $ gjz=$ _ POST[' gjz '];$ page=$ _ POST[' page '];//获取页面显示值$ ts=$ _ POST[' ts '];//获取必需的_ once’。/dbda . class . PHP ';$db=新DBDA();$ tj=' 1=1if(!空($ _ POST[' gjz ']){ $ gjz=$ _ POST[' gjz '];$tj=' areaname,如“%{$gjz}%”,areacode,如“%{$gjz}%”,parentareacode,如“% { $ gjz } %”;} $ TG=($ page-1)* $ ts;//$ts条数据显示在每页上,当前页面上的$tg条数据显示在此处。$sql='从中国各州中选择*,其中{$tj}限制为{$tg},{ $ ts } ';Echo $db-JsonQuery($sql,0)小部件:处理页面总数的页面zyschuli.php

?“phprequire_once”。/DBDA . class . PHP ';$db=新DBDA();$sql=“从chinastates中选择count(*)”;echo $db-StrQuery($sql,0);效果如下:

关键词查询:

以上PHP使用jQuery Ajax实现了分页查询的多功能操作(示例说明),这是边肖分享的全部内容。希望能给大家一个参考,支持我们。

更多资讯
游戏推荐
更多+