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

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