ajax的分页查询示例(不刷新页面)

2020-05-24 21:46:18易采站长站整理

3.3再写显示数据的处理页面,这里要考虑的是跳过多少条数据还有想要显示多少条数据


<?php

include("DBDA.class.php"); //调用封装好的类

$db = new DBDA(); //造新对象

$page = $_POST["page"]; //传值页数

$key = $_POST["key"]; //传值关键字<br>

$num = 20; //每页想要显示的数据条数

$tiao = ($page-1)*$num; //显示的当前跳过多少条数据

//查询表中模糊查询名称是关键字,分页是跳过多少条,显示多少条数据

$sql = "select * from chinastates where areaname like '%{$key}%' limit {$tiao},{$num}";

//执行sql语句

echo $db->JSONQuery($sql); //调用的是写好的JSON数据格式的处理方式

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){

//处理页面结束后的语句

}

});