宝哥软件园

ajax实现分页查询功能

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

创建交互式、快速动态网页应用的网页开发技术分页查询功能的具体代码,供大家参考,具体内容如下

显示的效果如下:

实现效果的代码如下:

1.fenye.php

html health eta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8' /title无标题文档/titlelink type='text/css' rel='样式表href='./bootstrap-3。3 .7-dist/CSS/bootstrap。量滴CSS ' rel='外部无跟随'/脚本src=' http :/jquery-3。2 .0 .量滴js '/script脚本src=' http :/bootstrap-3。3 .7-dist/js/bootstrap。量滴js '/脚本样式类型=' text/CSS '。列表:悬停{光标:指针} # prev :悬停{光标:指针} # next :悬停{光标:指针}/style/head dydiv class=' page-header ' h1 AJax分页/h1/divdiv名称:输入类型='text' id='name' /button类型=' button ' class=' BTN BTN-信息BTN-xs ' id=' cha Xun '查询/button/div br/表格宽度=' 100% ' class=' table table-hover ' tr TD代号运输署/运输署名称/TD/tr t body id=' shuju '/t body/tablebr/ul class=' pagination ' id=' xinxi '/ul/body脚本类型=' text/JavaScript '//代表当前页var page=1;//每页显示几条var num=5;//加载数据load();//加载分页列表LoadFenYe();//加载数据的方法函数Load(){ var name=$('#name ').val();$.ajax({ url:'chuli.php ',data:{page:page,num:num,name:name},type:'POST ',dataType:'JSON ',success:函数(数据){ var str=for(var k in data){ str=str ' trtd ' data[k].代码"/tdtd "数据k .nno '/TD/tr ';} $('#shuju ').html(字符串);} });}//加载分页信息函数LoadFenYe(){ //存储所有分页信息的代码var s=var name=$('#name ').val();//加载上一页s=' lia id=' prev '/a/Li ';//加载列表var zts=0;$.ajax({ async:false,data:{name:name},type:'POST ',url: '宗调书。php ',数据类型:'TEXT ',成功:函数(数据){ zts=数据;} });//求总页数var zys=数学。天花板(zts/num);//为了防止出错page=parseInt(页);对于(var I=第2页;知识产权时代3;I){ if(i0 I=zys){ if(I==page){ s=s ' Li class=' active ' a ys=' I ' class=' danqian ' ' I '/a/Li ';} else { s=s ' lia ys=' I ' class=' list ' ' I '/a/Li;} } } //加载下一页s=s ' lia id=' next '/a/Li;$(' #新溪').html//给上一页加事件$('#prev ').单击(function(){ page=ParSeint(page));if(第1页){ page-;} //重新加载数据load();//重新加载分页信息LoadFenYe();}) //给下一页加事件$('#next ').单击(function(){ page=ParSeint(page));if(page zys){ page;} //重新加载数据load();//重新加载分页信息LoadFenYe();}) //给列表加事件$('.列表')。单击(function(){ page=Parseint($(this)).attr(' ys ');//重新加载数据load();//重新加载分页信息LoadFenYe();})}$('#chaxun ').单击(函数(){ //重新加载数据load();//重新加载分页信息LoadFenYe();})/script/html2.chuli.php

?PHP $ page=$ _ POST[' page '];$ num=$ _ POST[' num '];$ name=$ _ POST[' name '];要求./DBDA。上课。PHP ';$db=新DBDA();$ tguo=($ page-1)* $ num;$sql='从国家中选择*,其中无类似“%{$name}%”的限制{$tguo},{ $ num } ';echo $ db-JSON查询($ SQL);3.zongtiaoshu.php

?PHP $ name=$ _ POST[' name '];要求./DBDA。上课。PHP ';$db=新DBDA();$sql='从不像“%{$name}%”的国家中选择计数(*);echo $ db-strquery($ SQL);以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

更多资讯
游戏推荐
更多+