ajax如何實現分頁查詢功能-創(chuàng)新互聯(lián)

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

網站建設哪家好，找創(chuàng)新互聯(lián)公司！專注于網頁設計、網站建設、微信開發(fā)、小程序設計、集團企業(yè)網站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了新昌免費建站歡迎大家使用！

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;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--;} //重新加載數據 Load(); //重新加載分頁信息 LoadFenYe(); }) //給下一頁加事件 $("#next").click(function(){ page = parseInt(page); if(page

2.chuli.php

jsonquery($sql);

3.zongtiaoshu.php

strquery($sql);

什么是ajax

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

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

新聞標題：ajax如何實現分頁查詢功能-創(chuàng)新互聯(lián)
文章位置：http://weahome.cn/article/dehjss.html

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

ajax如何實現分頁查詢功能-創(chuàng)新互聯(lián)

AJAX分頁

什么是ajax

其他資訊

網站制作

企業(yè)服務

網站建設

服務器托管