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 相关文章推荐
bootstrap+jQuery实现的动态进度条功能示例
May 25 jQuery
jQuery实现可兼容IE6的滚动监听功能
Sep 20 jQuery
jquery实现左右轮播切换效果
Jan 01 jQuery
jQuery创建及操作xml格式数据示例
May 26 jQuery
jQuery阻止事件冒泡实例分析
Jul 03 jQuery
jQuery解析json格式数据示例
Sep 01 jQuery
jQuery中each遍历的三种方法实例分析
Sep 07 jQuery
jQuery动态生成的元素绑定事件操作实例分析
May 04 jQuery
JQuery animate动画应用示例
May 14 jQuery
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
Aug 27 jQuery
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
jQuery轮播图功能制作方法详解
Dec 03 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中养成7个面向对象的好习惯
2010/01/28 PHP
10个可以简化php开发过程的MySQL工具
2010/04/11 PHP
php array_search() 函数使用
2010/04/13 PHP
PHP MemCached高级缓存配置图文教程
2010/08/05 PHP
php使用正则过滤js脚本代码实例
2014/05/10 PHP
php数组中删除元素之重新索引的方法
2014/09/16 PHP
php中filter_input函数用法分析
2014/11/15 PHP
PHP共享内存用法实例分析
2016/02/12 PHP
Zend Framework实现多服务器共享SESSION数据的方法
2016/03/22 PHP
JS解密入门 最终变量劫持
2008/06/25 Javascript
ExtJs中简单的登录界面制作方法
2010/08/19 Javascript
js中获取事件对象的方法小结
2011/03/13 Javascript
jquery仿百度百科底部浮动导航特效
2015/08/08 Javascript
跟我学习javascript的闭包
2015/11/16 Javascript
jQuery EasyUI 右键菜单--关闭标签/选项卡的简单实例
2016/10/10 Javascript
详解IWinter 一个路由转控制器的 Nodejs 库
2017/11/15 NodeJs
React为 Vue 引入容器组件和展示组件的教程详解
2018/05/03 Javascript
Node.js+ELK日志规范的实现
2019/05/23 Javascript
TypeScript的安装、使用、自动编译的实现
2020/04/10 Javascript
[08:38]DOTA2-DPC中国联赛 正赛 VG vs Elephant 选手采访
2021/03/11 DOTA
初探TensorFLow从文件读取图片的四种方式
2018/02/06 Python
Python实现求解一元二次方程的方法示例
2018/06/20 Python
Python连接Mssql基础教程之Python库pymssql
2018/09/16 Python
4款Python 类型检查工具,你选择哪个呢?
2020/10/30 Python
英国男士时尚网站:Dandy Fellow
2018/02/09 全球购物
Clearly澳大利亚:购买眼镜、太阳镜和隐形眼镜
2018/04/26 全球购物
JD Sports比利时官网:英国领先的运动鞋和运动服饰零售商
2018/10/10 全球购物
sealed修饰符是干什么的
2012/10/23 面试题
会计大学生职业生涯规划书范文
2014/01/13 职场文书
残疾人创业典型事迹
2014/02/01 职场文书
班级文化建设标语
2014/06/23 职场文书
小学生一分钟演讲稿
2014/08/26 职场文书
企业三严三实学习心得体会
2014/10/13 职场文书
房屋产权共有协议书范本
2014/11/03 职场文书
民事辩护词范文
2015/05/21 职场文书
创业计划书之物流运送
2019/09/17 职场文书