這次給大家帶來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<?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<?php

$name = $_POST["name"];

require"../DBDA.class.php";

$db = new DBDA();

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

echo $db->strquery($sql);

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

總結

以上是生活随笔為你收集整理的php ajax实现查询功能,ajax实现分页查询功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。