上海一 网站建设公司,网站运行及维护,制作网页一般需要兼容哪些网站,淄博网站搜索排名1.首先做主页面Ajax_pag.php代码如下#xff1a;Ajax做分页.header{margin-top: 20px;}关键字#xff1a;地区代号地区名称父级代号2.然后做分页查询JS页面Ajax_pag.js代码如下#xff1a;//ajax分页开始var ts 10;//每页显示的条数var page 1;//当前页$(document).ready(…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 ipage-4;i//限制条件if(i0 izys()){//判断当前页if(ipage){str i;}else{str i;}}}//下一页str»;$(#fenye).html(str);$(#prev).click(function(){if(page1){page--;}//页面加载数据Load();//加载分页列表Loadlist();})$(.item).click(function(){var p $(this).text();//取到的是字符串,转化为整数page parseInt(p);//页面加载数据Load();//加载分页列表Loadlist();})$(#next).click(function(){if(pagepage;}//页面加载数据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 11 ;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.phprequire_once ./DBDA.class.php;$db new DBDA();$sql select count(*) from chinastates;echo $db-StrQuery($sql,0);效果如图关键字查询以上这篇PHP中使用jQueryAjax实现分页查询多功能操作(示例讲解)就是小编分享给大家的全部内容了希望能给大家一个参考也希望大家多多支持脚本之家。
