主页 / 网络编程 /

jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详

网络编程 2021-07-04 18:32www.168986.cn编程入门
这篇文章主要介绍了jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,需要的朋友可以参考下

简单的两个步骤即可实现分页功能

 <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">
//回调里面进行业务处理
 function loehpagercallback(data) {
  alert('这里处理回调的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;: -25px;left: 220px;" > </div>
  </body>
 </html>

totalCount':<%=totalpage%>:总页是第一次加载页面时查询出的分页表的总页数。

'ajaxCallBack':'loehpagercallback':这里设置回调方法，你可以将方法名修改任意你在调用页定义的js方法

'ajaxRequestParameter':'name=leohpager&age=10':

'ajaxOriginalParameter':'name=leohpager&age=10',

上面两个参数,第一个是ajax请求数据时的参数，它是由第二个参数拼接上当前选择的页面组合而成。

版本1.0,简单的几句代码既可以实现分页功能，后续有时间会继续更新。

以上所述是长沙网络推广给大家介绍的jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解，希望对大家有所帮助，如果打有任何疑问欢迎给我留言，长沙网络推广会及时回复大家的。

上一篇：Vue2.x中的父组件传递数据至子组件的方法 下一篇：Bootstrap里的文件分别代表什么意思及其引用方法

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by