ajax实现数据分页查询
用ajax实现对数据库的查询以及对查询数据进行分页，供大家参考，具体内容如下
主页面代码
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>无标题文档</title>
<scriptsrc="jquery-1.11.2.min.js"></script>
<styletype="text/css">
.dangqian{background-color:#69F}
</style>
</head>
<body>
<div>
<inputtype="text"id="key"/>
<inputtype="button"value="查询"id="chaxun"/>
</div>
<tablewidth="100%"border="1"cellpadding="0"cellspacing="0">
<tr>
<td>代号</td>
<td>名称</td>
<td>父级代号</td>
</tr>
<tbodyid="nr">
</tbody>
</table>
<divid="xinxi">
</div>
</body>
js代码
<scripttype="text/javascript">
varpage=1;//当前页定义一个变量当前页
Load();//加载数据
LoadXinXi();//加载分页信息
//查询
$("#chaxun").click(function(){
page=1;
Load();//加载数据
LoadXinXi();//加载分页信息
})
functionLoad()
{
varkey=$("#key").val();//查询条件
$.ajax({
url:"chuli.php",
data:{page:page,key:key},
type:"POST",
dataType:"JSON",
success:function(data){
varstr="";
for(varkindata)
{
str+="<tr><td>"+data[k].AreaCode+"</td><td>"+data[k].AreaName+"</td><td>"+data[k].ParentAreaCode+"</td></tr>";
}
$("#nr").html(str);//把数据返回表格
}
});
}
functionLoadXinXi()
{
varstr="";
varminys=1;
varmaxys=1;
varkey=$("#key").val();
//查总页数
$.ajax({
async:false,
url:"zys.php",
data:{key:key},
type:"POST",
dataType:"TEXT",
success:function(d){
maxys=d;
}
});
str+="<span>总共："+maxys+"页</span> ";
str+="<spanid='prev'>上一页</span>";
for(vari=page-2;i<page+3;i++)
{
if(i>=minys&&i<=maxys)
{
if(i==page)
{
str+="<spanclass='dangqian'bs='"+i+"'>"+i+"</span> ";
}
else
{
str+="<spanclass='list'bs='"+i+"'>"+i+"</span> ";
}
}
}
str+="<spanid='next'>下一页</span>";
$("#xinxi").html(str);
//给上一页添加点击事件
$("#prev").click(function(){
page=page-1;
if(page<1)
{
page=1;
}
Load();//加载数据
LoadXinXi();//加载分页信息
})
//给下一页加点击事件
$("#next").click(function(){
page=page+1;
if(page>maxys)
{
page=maxys;
}
Load();//加载数据
LoadXinXi();//加载分页信息
})
//给中间的列表加事件
$(".list").click(function(){
page=parseInt($(this).attr("bs"));
Load();//加载数据
LoadXinXi();//加载分页信息
})
}
</script>
处理页面1
<?php
include("DBDA.class.php");
$db=newDBDA();
$key=$_POST["key"];
$num=20;
$sql="selectcount(*)fromchinastateswhereareanamelike'%{$key}%'";
$zts=$db->StrQuery($sql);
echoceil($zts/$num);
处理页面2
<?php
include("DBDA.class.php");
$db=newDBDA();
$page=$_POST["page"];
$key=$_POST["key"];
$num=20;
$tiao=($page-1)*$num;
$sql="select*fromchinastateswhereareanamelike'%{$key}%'limit{$tiao},{$num}";
echo$db->JSONQuery($sql);
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。