ajax分页查询详解

2019-09-14 06:49:54王冬梅

JSON数据格式是关联数组,所以要进行处理一下,将处理方式封装成类就好

在“AJAX中的dataType(数据格式)-text、json”中写到过处理方式 

3.4处理页面结束后,就是要写ajax中执行完处理页面后写代码(注意:上面用的是JSON的数据格式,所以要注意字段名要和数据库中的一样,还有就是他是关联数组)

success: function(data){
 var str = "";
 for(var k in data)
 {<br>       //循环显示的代号、名称、父级代号
   str +="<tr><td>"+data[k].AreaCode+"</td><td>"+data[k].AreaName+"</td><td>"+data[k].ParentAreaCode+"</td></tr>";
 }
 $("#bg").html(str); //将内容放大显示这些数据的地方
}

这样就把想要显示的数据放到bg中了,记得这个方法调用一下

到此就是显示数据了,但是这样没法实现分页,所以还需要分页,这里就是要放数字了,但是也是需要遍历的,随意放空的就可以

<div id="xinxi">
  //显示数字或是上一页
</div>

3.5这个也是可以写成个方法,然后调用

要知道最大能显示多少页,这里可以先定义一个默认最大数,这个最大数也可以是搜索关键字时显示的最大页数

var maxys = 1;

找到关键字的值

var key = $("#key").val();

然后就是写ajax了,查总页数

$.ajax({
 async:false, //因为这个是要同步执行的,所以值是false
 url:"fenye_zys.php", //处理页面
 data:{key:key}, //想要传的值
 type:"POST", //传值方式
 dataType:"TEXT", //这里可以用TEXT字符串的方式
 success: function(d){
   //处理页面结束后的语句
 }
});

接下里就是写处理信息的处理页面了

<?php
include("DBDA.class.php"); //调用封装好的类
$db = new DBDA();
$key = $_POST["key"]; //将值传过来
$num = 20; //默认显示的条数
$sql = "select count(*) from chinastates where areaname like '%{$key}%'"; //通过关键字查询总条数
$zts = $db->StrQuery($sql);
echo ceil($zts/$num); //转换成整数

处理页面执行结束后,就要把查到的最大页数交个默认的最大页数

success: function(d){
 maxys = d; //将执行结果交给定义的最大页数
}

这样之后就是要有“上一页”“下一页”,中间的数可以让他每次显示5条

str += "<span>总共:"+maxys+"页</span> ";
str += "<span id='prev'>上一页</span>"; //后面要用到单击事件的,在这起个名字
//循环的当前页
str += "<span id='next'>下一页</span>"; //这个也是要用点击事件的也要起名字