ajax如何實現(xiàn)分頁查詢功能

小編給大家分享一下ajax如何實現(xiàn)分頁查詢功能，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

目前創(chuàng)新互聯(lián)建站已為上千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站改版維護、企業(yè)網(wǎng)站設(shè)計、北安網(wǎng)站維護等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

ajax分頁查詢功能的具體代碼，具體內(nèi)容如下

顯示的效果如下：

實現(xiàn)效果的代碼如下：

1.fenye.php




無標題文檔






.list:hover{ cursor:pointer}
#prev:hover{ cursor:pointer}
#next:hover{ cursor:pointer}






AJAX分頁

名稱：

查詢

代號名稱 //代表當前頁 var page = 1; //每頁顯示幾條 var num = 5; //加載數(shù)據(jù) Load(); //加載分頁列表 LoadFenYe(); //加載數(shù)據(jù)的方法 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; } }); //求總頁數(shù) var zys = Math.ceil(zts/num); //為了防止出錯 page = parseInt(page); for( var i=page-2;i0 && 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--;} //重新加載數(shù)據(jù) Load(); //重新加載分頁信息 LoadFenYe(); }) //給下一頁加事件 $("#next").click(function(){ page = parseInt(page); if(page

2.chuli.php

jsonquery($sql);

3.zongtiaoshu.php

strquery($sql);

什么是ajax

ajax是一種在無需重新加載整個網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)，可以通過在后臺與服務(wù)器進行少量數(shù)據(jù)交換，使網(wǎng)頁實現(xiàn)異步更新。

以上是“ajax如何實現(xiàn)分頁查詢功能”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

標題名稱：ajax如何實現(xiàn)分頁查詢功能
文章網(wǎng)址：http://weahome.cn/article/piccpe.html

真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

ajax如何實現(xiàn)分頁查詢功能

AJAX分頁

什么是ajax

其他資訊

網(wǎng)站制作

企業(yè)服務(wù)

網(wǎng)站建設(shè)

服務(wù)器托管