1.首先做主頁面Ajax_pag.php

代碼如下：

Ajax做分頁

.header{

margin-top: 20px;

}

關鍵字：

地區代號地區名稱父級代號

2.然后做分頁查詢JS頁面Ajax_pag.js

代碼如下：

//ajax分頁開始

var ts = 10;//每頁顯示的條數

var page = 1;//當前頁

$(document).ready(function(e) {

//頁面加載數據

Load();

//加載分頁列表

Loadlist();

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

//頁面加載數據

Load();

//加載分頁列表

Loadlist();

})

})

//加載數據的方法

function Load(){

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

$.ajax({

async:false,

url:"pagechuli.php",

data:{page:page,ts:ts,gjz:gjz},//page是顯示的頁數；ts是顯示的條數

type:"POST",

dataType:"JSON",

success: function(data){

var str ="";

for(var k in data)

{

str +="

"+data[k][0]+""+data[k][1]+""+data[k][2]+"";

}

$("#list").html(str);//把拼接好的字符串放到要顯示的thody里面

}

})

}

//加載分頁列表

function Loadlist(){

var str ="";

//上一頁

str+="

?";

//加載列表

for(var i=page-4;i

//限制條件

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

//判斷當前頁

if(i==page){

str+= "

"+i+"";

}else{

str+= "

"+i+"";

}

}

}

//下一頁

str+="

?";

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

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

if(page>1){

page--;

}

//頁面加載數據

Load();

//加載分頁列表

Loadlist();

})

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

var p = $(this).text();//取到的是字符串,轉化為整數

page = parseInt(p);

//頁面加載數據

Load();

//加載分頁列表

Loadlist();

})

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

if(page

page++;

}

//頁面加載數據

Load();

//加載分頁列表

Loadlist();

})

}

//總頁數

function zys(){

var zys = 0;

$.ajax({

async:false,

url:"zyschuli.php",

dataType:"TEXT",

success:function(data){

zys = Math.ceil(data/ts);

}

});

return zys;

}

3.最后做分頁查詢處理頁面pagechuli.php

代碼如下：

$gjz = $_POST["gjz"];

$page = $_POST["page"];//獲取頁數顯示值

$ts = $_POST["ts"];//獲取每頁條數顯示值

require_once "./DBDA.class.php";

$db = new DBDA();

$tj = " 1=1 ";

if(!empty($_POST["gjz"])){

$gjz = $_POST["gjz"];

$tj = " areaname like '%{$gjz}%' or areacode like '%{$gjz}%' or parentareacode like '%{$gjz}%' ";

}

$tg = ($page-1)*$ts;//每頁顯示$ts條數據，這里顯示的就是當前頁的$tg條數據。

$sql = "select * from chinastates where {$tj} limit {$tg},{$ts}";

echo $db->JsonQuery($sql,0)

小插件：總頁數的處理頁面zyschuli.php

require_once "./DBDA.class.php";

$db = new DBDA();

$sql = "select count(*) from chinastates";

echo $db->StrQuery($sql,0);

效果如圖：

關鍵字查詢：

以上這篇PHP中使用jQuery+Ajax實現分頁查詢多功能操作(示例講解)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

總結

以上是生活随笔為你收集整理的php ajax mysql 分页查询_PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)的全部內容，希望文章能夠幫你解決所遇到的問題。

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