ajax实现分页查询源码,ajax实现分页查询功能

ajax分页查询功能的具体代码，供大家参考，具体内容如下

显示的效果如下：

实现效果的代码如下：

1.fenye.php

无标题文档

.list:hover{ cursor:pointer}

#prev:hover{ cursor:pointer}

#next:hover{ cursor:pointer}

ajax分页

名称： 查询

代号

名称

//代表当前页

var page = 1;

//每页显示几条

var num = 5;

//加载数据

load();

//加载分页列表

loadfenye();

//加载数据的方法

function load()

{

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

$.ajax({

url:"chuli.php",

data:{page:page,num:num,name:name},

type:"post",

datatype:"json",

success: function(data){

var str = "";

for(var k in data)

{

str = str + "

"+data[k].code+""+data[k].nno+"";

}

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

}

});

}

//加载分页信息

function loadfenye()

{

//存储所有分页信息的代码

var s = "";

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

//加载上一页

s = "

«";

//加载列表

var zts = 0;

$.ajax({

async:false,

data:{name:name},

type:"post",

url:"zongtiaoshu.php",

datatype:"text",

success: function(data){

zts = data;

}

});

//求总页数

var zys = math.ceil(zts/num);

//为了防止出错

page = parseint(page);

for( var i=page-2;i

{

if(i>0 && i<=zys)

{

if(i==page)

{

s = s+"

"+i+"";

}

else

{

s = s+"

"+i+"";

}

}

}

//加载下一页

s = s+"

»";

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

//给上一页加事件

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

page = parseint(page);

if(page>1)

{page--;}

//重新加载数据

load();

//重新加载分页信息

loadfenye();

})

//给下一页加事件

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

page = parseint(page);

if(page

{page++;}

//重新加载数据

load();

//重新加载分页信息

loadfenye();

})

//给列表加事件

$(".list").click(function(){

page = parseint($(this).attr("ys"));

//重新加载数据

load();

//重新加载分页信息

loadfenye();

})

}

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

//重新加载数据

load();

//重新加载分页信息

loadfenye();

})

2.chuli.php

$page = $_post["page"];

$num = $_post["num"];

$name = $_post["name"];

require "../dbda.class.php";

$db = new dbda();

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

$sql = "select * from nation where nno like '%{$name}%' limit {$tguo},{$num}";

echo $db->jsonquery($sql);

3.zongtiaoshu.php

$name = $_post["name"];

require"../dbda.class.php";

$db = new dbda();

$sql ="select count(*) from nation where nno like '%{$name}%'";

echo $db->strquery($sql);

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