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


Posted in jQuery onMay 01, 2017

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

<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;top: -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)实例详解

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

jQuery 相关文章推荐
jQuery EasyUI 组件加上“清除”功能实例详解
Apr 11 jQuery
jQuery用noConflict代替$的实现方法
Apr 12 jQuery
使用jQuery ajaxupload插件实现无刷新上传文件
Apr 23 jQuery
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
Jun 12 jQuery
jQuery除指定区域外点击任何地方隐藏DIV功能
Nov 13 jQuery
jQuery+Cookie实现切换皮肤功能【附源码下载】
Mar 25 jQuery
jQuery实现表格隔行换色
Sep 01 jQuery
Jquery和CSS实现选择框重置按钮功能
Nov 08 jQuery
Vue CLI3.0中使用jQuery和Bootstrap的方法
Feb 28 jQuery
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
jQuery实现图片下载代码
Jul 18 jQuery
jQuery实现倒计时功能完整示例
Jun 01 jQuery
jQuery实现按比例缩放图片的方法
Apr 29 #jQuery
jQuery输入框密码的显示隐藏【代码分享】
Apr 29 #jQuery
jQuery实现多张图片上传预览(不经过后端处理)
Apr 29 #jQuery
jQuery设置图片等比例缩小的方法
Apr 29 #jQuery
node.js+jQuery实现用户登录注册AJAX交互
Apr 28 #jQuery
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
Apr 28 #jQuery
jquery实现图片上传前本地预览
Apr 28 #jQuery
You might like
php 缩略图实现函数代码
2011/06/23 PHP
php实现使用正则将文本中的网址转换成链接标签
2014/12/03 PHP
PHP编程中尝试程序并发的几种方式总结
2016/03/21 PHP
基于thinkPHP框架实现留言板的方法
2016/10/17 PHP
prototype.js的Ajax对象
2006/09/23 Javascript
[Web]防止用户复制页面内容和另存页面的方法
2009/02/06 Javascript
使用Jquery来实现可以输入值的下拉选单 雏型
2011/12/06 Javascript
JS解析json数据并将json字符串转化为数组的实现方法
2012/12/25 Javascript
jquery延迟加载外部js实现代码
2013/01/11 Javascript
js不能跳转到上一页面的问题解决方法
2013/03/01 Javascript
jQuery实现根据类型自动显示和隐藏表单
2015/03/18 Javascript
jQuery地图map悬停显示省市代码分享
2015/08/20 Javascript
javascript 数组的正态分布排序的问题
2016/07/31 Javascript
setTimeout函数的神奇使用
2017/02/26 Javascript
利用node.js实现反向代理的方法详解
2017/07/24 Javascript
nodejs 最新版安装npm 的使用详解
2018/01/18 NodeJs
基于 D3.js 绘制动态进度条的实例详解
2018/02/26 Javascript
4 种滚动吸顶实现方式的比较
2019/04/09 Javascript
JS对日期操作封装代码实例
2019/11/08 Javascript
小程序Scroll-view上拉滚动刷新数据
2020/06/21 Javascript
[03:53]2016国际邀请赛中国区预选赛第三日TOP10精彩集锦
2016/06/29 DOTA
python抓取网页中的图片示例
2014/02/28 Python
Python3基础之基本数据类型概述
2014/08/13 Python
高效测试用例组织算法pairwise之Python实现方法
2017/07/19 Python
python制作填词游戏步骤详解
2019/05/05 Python
Python 3.8新特征之asyncio REPL
2019/05/28 Python
浅谈python处理json和redis hash的坑
2020/07/16 Python
什么叫做SQL注入,如何防止
2016/10/04 面试题
年终考核评语
2014/01/19 职场文书
奥巴马英文演讲稿
2014/05/15 职场文书
司法局群众路线教育实践活动整改措施思想汇报
2014/10/13 职场文书
党的群众路线教育实践活动整改落实情况自查报告
2014/10/28 职场文书
2015年医德医风工作总结
2015/04/02 职场文书
独生子女证明范本
2015/06/19 职场文书
高三数学教学反思
2016/02/18 职场文书
B站评分公认最好看的动漫,你的名字评分9.9,第六备受喜欢
2022/03/18 日漫