ajax的分页查询示例（不刷新页面）

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

<?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>"; //这个也是要用点击事件的也要起名字

然后再是写循环的页数了

for(var i=page-2;i<page+3;i++) //前后显示2个
{
　　if(i>=minys && i<=maxys) //页数是要有范围的，大于最小页数，小于最大页数
　　{
  if(i==page)
  {
  　　str += "<span class='dangqian' bs='"+i+"'>"+i+"</span> "; //当前页选中
  }
　　　　　else
　　　　　{
  　　str += "<span class='list' bs='"+i+"'>"+i+"</span> "; //显示当前页
　　　　　}
　　}
}   

将值传送到div的xinxi处

$("#xinxi").html(str); 

最后结果如下图显示：　　

接下来就是上一页和下一页的点击事件了，首先是上一页的点击事件

//给上一页添加点击事件
$("#prev").click(function(){
  page = page-1; //当前页减1
  if(page<1)
  {
  　　page=1;
  }
  Load(); //加载数据
  LoadXinXi(); //加载分页信息
}) 

再就是下一页的点击事件

//给下一页加点击事件
$("#next").click(function(){
  page = page+1; //当前页加1
  if(page>maxys) 
  {
  　　page=maxys;
  }
  Load(); //加载数据
  LoadXinXi(); //加载分页信息
}) 

给循环的数字加点击事件

//给中间的列表加事件								 
 3/4   首页 上一页 1 2 3 4 下一页 尾页