jquery ajax自定义分页组件(jquery.loehpagerv1.0)原创

Posted 2020-09-15 日魂月魄

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery ajax自定义分页组件(jquery.loehpagerv1.0)原创相关的知识，希望对你有一定的参考价值。

本人开发的开发者技术变现资源聚集地,大家支持下，下面是网址

https://www.baiydu.com

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

 <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>