ajax实现查询分页,ajax实现数据分页查询

用ajax实现对数据库的查询以及对查询数据进行分页，供大家参考，具体内容如下

主页面代码

无标题文档

.dangqian{ background-color:#69f}

代号

名称

父级代号

js代码

var page = 1; //当前页 定义一个变量 当前页

load(); //加载数据

loadxinxi(); //加载分页信息

//查询

$("#chaxun").click(function(){

page = 1;

load(); //加载数据

loadxinxi(); //加载分页信息

})

function load()

{

var key = $("#key").val(); //查询条件

$.ajax({

url:"chuli.php",

data:{page:page,key:key},

type:"post",

datatype:"json",

success: function(data){

var str = "";

for(var k in data)

{

str +="

"+data[k].areacode+""+data[k].areaname+""+data[k].parentareacode+"";

}

$("#nr").html(str);//把数据返回表格

}

});

}

functionloadxinxi()

{

var str = "";

var minys = 1;

var maxys = 1;

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

//查总页数

$.ajax({

async:false,

url:"zys.php",

data:{key:key},

type:"post",

datatype:"text",

success: function(d){

maxys = d;

}

});

str += "总共："+maxys+"页  ";

str += "上一页";

for(var i=page-2;i

{

if(i>=minys && i<=maxys)

{

if(i==page)

{

str += ""+i+"  ";

}

else

{

str += ""+i+"  ";

}

}

}

str += "下一页";

$("#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(); //加载分页信息

})

}

处理页面1

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

处理页面2

include("dbda.class.php");

$db = new dbda();

$page = $_post["page"];

$key = $_post["key"];

$num = 20;

$tiao = ($page-1)*$num;

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

echo $db->jsonquery($sql);

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持萬仟网。