jQuery Ajax自定義分頁組件(jquery.loehpagerv1.0)實例詳解
更新時間：2017年05月01日 09:51:34 作者：L-H
這篇文章主要介紹了jQuery Ajax自定義分頁組件(jquery.loehpagerv1.0)實例詳解,需要的朋友可以參考下
簡單的兩個步驟即可實現(xiàn)分頁功能
<script src="<%=basePath%>/resources/js/jquery-1.7.1.min.js"></script>
<script src="<%=basePath%>/resources/js/jquery.loehpagerv1.0.js"></script>
<script type="text/JavaScript">
//回調(diào)里面進(jìn)行業(yè)務(wù)處理
function loehpagercallback(data) {
alert('這里處理回調(diào)的data');
}
$(function() {
$('#customerPager').LoehPagerPlugin({
'color': 'gray',
'fontSize': '15px',
'totalCount':<%=totalpage%>,
'pageSize':'15',
'ajaxCallBack':'loehpagercallback',
'ajaxRequestParameter':'name=leohpager&age=10',
'ajaxOriginalParameter':'name=leohpager&age=10',
'ajaxUrl':'<%=basePath%>/ipload?path=data'
});
});
</script>
<html>
<body>
<div id="customerPager" style="position: relative;top: -25px;left: 220px;" > </div>
</body>
</html>
totalCount':<%=totalpage%>:總頁是第一次加載頁面時查詢出的分頁表的總頁數(shù)。
'ajaxCallBack':'loehpagercallback':這里設(shè)置回調(diào)方法，你可以將方法名修改任意你在調(diào)用頁定義的js方法
'ajaxRequestParameter':'name=leohpager&age=10':
'ajaxOriginalParameter':'name=leohpager&age=10',
上面兩個參數(shù),第一個是ajax請求數(shù)據(jù)時的參數(shù)，它是由第二個參數(shù)拼接上當(dāng)前選擇的頁面組合而成。
版本1.0,簡單的幾句代碼既可以實現(xiàn)分頁功能，后續(xù)有時間會繼續(xù)更新。
以上所述是小編給大家介紹的jQuery Ajax自定義分頁組件(jquery.loehpagerv1.0)實例詳解，希望對大家有所幫助，如果打有任何疑問歡迎給我留言，小編會及時回復(fù)大家的。
相關(guān)文章
這篇文章主要介紹了jQuery對象$.html的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
在下面介紹一款jQuery的模板插件 tmpl，是由微軟想jQuery官方貢獻(xiàn)的模板插件2011-10-10
jquery.fileEveryWhere.js 一個跨瀏覽器的file顯示插件
大牛ppk都說過，在從多表單控件中，上傳文件控件的樣式是最難以控制的。見文章Styling an input type="file"。本插件也多是參考此文2011-10-10
jQuery.ajax實現(xiàn)根據(jù)不同的Content-Type做出不同的響應(yīng)
使用H5+ASP.NET General Handler開發(fā)項目，使用ajax進(jìn)行前后端的通訊。有一個場景需求是根據(jù)服務(wù)器返回的不同數(shù)據(jù)類型，前端進(jìn)行不同的響應(yīng)，這里記錄下如何使用$.ajax實現(xiàn)該需求,需要的朋友可以參考下2016-11-11
<iframe>也應(yīng)該是框架的一種形式，它與<frame>不同的是，iframe可以嵌在網(wǎng)頁中的任意部分。本文給大家介紹jQuery中iframe的操作(點擊按鈕新增窗口)，需要的朋友參考下吧2016-04-04
最近在做一個項目，里面需要js 異步請求的時候，把上一次的的請求取消2010-10-10
基于jquery實現(xiàn)動態(tài)豎向柱狀條特效
很多數(shù)據(jù)統(tǒng)計效果中，柱狀條方式的算是比較常見的一種，形象直觀，下面就是一段能夠?qū)崿F(xiàn)此功能的代碼實例，并且具有一定的動態(tài)效果，感興趣的朋友可以參考一下2016-02-02
jquery實現(xiàn)鼠標(biāo)拖拽滑動效果來選擇數(shù)字的方法
這篇文章主要介紹了jquery實現(xiàn)鼠標(biāo)拖拽滑動效果來選擇數(shù)字的方法,涉及jQuery鼠標(biāo)事件的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-05-05
jQuery Tags Input Plugin（添加/刪除標(biāo)簽插件）詳解
本文主要介紹jQuery Tags Input Plugin添加/刪除標(biāo)簽插件的用法，非常實用，有需要的朋友可以參考一下。2016-06-06
Jquery 監(jiān)視按鍵，按下回車鍵觸發(fā)某方法的實現(xiàn)代碼
這篇文章主要介紹了jquery監(jiān)視按鍵，當(dāng)按下回車鍵時觸發(fā)事件的一個例子，有需要的朋友可以參考下2014-05-05