laypage前端分頁插件實(shí)現(xiàn)ajax異步分頁
本文實(shí)例為大家分享了laypage前端分頁插件,ajax異步分頁,獲取json數(shù)據(jù)實(shí)現(xiàn)無刷新分頁,供大家參考,具體內(nèi)容如下
function GetList(pageIndex) { var _this = "" var clone_this = ""; _this = $(".BindDataList");//數(shù)據(jù)列表容器, clone_this = _this.clone(true); var pageSize = 25;//每頁展示的條數(shù) $.ajax({ type: "get", async: false,//異步鎖定,默認(rèn)為true url: "../ashx/System/DefaultAjax.ashx",//后端處理數(shù)據(jù),返回json格式 data: {"pageIndex": pageIndex, "pageSize": pageSize, }, contentType: "application/json; charset=utf-8", success: function (data) { var json = eval("(" + data + ")"); if (json.PageCount > 0) //數(shù)據(jù)總條數(shù) { _this.html(""); for (var i = 0; i < json.rows.length ; i++) { var html = "<li>json數(shù)據(jù)</li>"; _this.append(html); } jsonpage(json, pageIndex, pageSize); } else { _this.html(""); _this.append(""); } } }); } function jsonpage(json, pageIndex, pageSize) { var coun = json.PageCount;//總數(shù)據(jù)條數(shù) var pagecount = coun % pageSize == 0 ? coun / pageSize : coun / pageSize + 1;//計(jì)算多少頁 var laypageindex = laypage({ cont: 'project_page', //容器。值支持id名、原生dom對象,jquery對象。 skin: '#fb771f', pages: pagecount, //通過后臺拿到的總頁數(shù) curr: pageIndex, //初始化當(dāng)前頁 first: '|<', //將首頁顯示為數(shù)字1,。若不顯示,設(shè)置false即可 last: '>|', //將尾頁顯示為總頁數(shù)。若不顯示,設(shè)置false即可 prev: '<', //若不顯示,設(shè)置false即可 next: '>', //若不顯示,設(shè)置false即可 jump: function (obj, first) { //觸發(fā)分頁后的回調(diào) if (!first) { //點(diǎn)擊跳頁觸發(fā)函數(shù)自身,并傳遞當(dāng)前頁:obj.curr SearchHotTag(obj.curr); } } }); }
以上就是本文的全部內(nèi)容,希望對大家學(xué)習(xí)laypage分頁插件有所啟發(fā)和幫助,謝謝大家的閱讀。
- laypage.js分頁插件使用方法詳解
- layui2.0使用table+laypage實(shí)現(xiàn)真分頁
- 基于layPage插件實(shí)現(xiàn)兩種分頁方式淺析
- thinkPHP3.2.3結(jié)合Laypage實(shí)現(xiàn)的分頁功能示例
- thinkPHP5使用laypage分頁插件實(shí)現(xiàn)列表分頁功能
- 基于LayUI分頁和LayUI laypage分頁的使用示例
- VUEJS實(shí)戰(zhàn)之利用laypage插件實(shí)現(xiàn)分頁(3)
- laypage分頁控件使用實(shí)例詳解
- js多功能分頁組件layPage使用方法詳解
- laypage+SpringMVC實(shí)現(xiàn)后端分頁
相關(guān)文章
ajax局部刷新一個(gè)div下jsp內(nèi)容的方法
局部刷新某個(gè)div下的jsp可以通過setInterval或者是setTimeout來輕松實(shí)現(xiàn),具體如下,有此需求的朋友可以參考下,希望對大家有所幫助2013-08-08ajax實(shí)現(xiàn)數(shù)據(jù)分頁查詢
這篇文章主要為大家詳細(xì)介紹了ajax實(shí)現(xiàn)數(shù)據(jù)分頁查詢的相關(guān)資料,以及ajax實(shí)現(xiàn)對數(shù)據(jù)庫的查詢,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02Ajax獲得站點(diǎn)文件內(nèi)容實(shí)例
Ajax獲得站點(diǎn)文件內(nèi)容實(shí)例:選擇一部著作,會通過 Ajax 實(shí)時(shí)獲得相關(guān)的名字,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下2013-09-09AJAX集天氣\IP\多國語言翻譯MP3(可同步LRC歌詞顯示)\萬年歷查詢通
AJAX集天氣\IP\多國語言翻譯MP3(可同步LRC歌詞顯示)\萬年歷查詢通...2007-09-09Ajax調(diào)用restful接口傳送Json格式數(shù)據(jù)的方法
這篇文章主要介紹了Ajax調(diào)用restful接口傳送Json格式數(shù)據(jù)的方法的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起看下吧2016-07-07Ajax 表單驗(yàn)證 實(shí)現(xiàn)代碼
最近做了一個(gè)項(xiàng)目中的登錄注冊模塊,大部分功能從一個(gè)網(wǎng)站里扣出來的,部分功能自己修改,自認(rèn)為還是有點(diǎn)人性化的2009-05-05AJAX跨域請求之JSONP獲取JSON數(shù)據(jù)
JSONP(JSON with Padding)是一個(gè)非官方的協(xié)議,它允許在服務(wù)器端集成Script tags返回至客戶端,通過javascript callback的形式實(shí)現(xiàn)跨域訪問(這僅僅是JSONP簡單的實(shí)現(xiàn)形式)。2015-09-09