jQuery命名空间与闭包用法示例


Posted in Javascript onJanuary 12, 2017

本文实例讲述了jQuery命名空间与闭包用法。分享给大家供大家参考,具体如下:

/*
 * 服务公司用户汇总,审核
 */
(function() {
 "use strict";
 var companyList=new Object();//声明命名空间
 //时间戳格式化为时间
companyList.getLocalTime = function(nS){
  return new Date(parseInt(nS)).toLocaleString().substr(0,17);
}
 //节能服务公司用户list
  var keywords_pagenumber=1;
 companyList.getCompanyUser = function(){
   var url="/ptsp/rest/company/register/list";
   $.get(url,{thisPage:keywords_pagenumber},function(data){
     console.log(data.data.rows);
     console.log(data.data.pagination);
     if(data.success){
      var result=data.data.rows;
      var code="";
     for(var i=0;i<result.length;i++){
       for(var i in result){
        var obj=result[i];
        var address=obj[5]+obj[6];
        var sta=obj[8];
        var txt=""
        if("WAIT"==sta){
        txt="待审核";
        }else if("YES"==sta){
        txt="已审核";
        }else if("NO"==sta){
        txt="不通过";
        }
        code +="<tr>"
        +"<td>"+obj[1]+"</td>"
        +"<td>"+obj[2]+"</td>"
        +"<td>"+address+"</td>"
        +"<td><a href='/ptsp/web/preview/image?filename="+obj[4]+"' target='_blank'>查看</a></td>"
        +"<td>"+txt+"</td>"
        +"<td>"+companyList.getLocalTime(obj[9])+"</td>"
        +"<td><a class='btn btn-default btn-sm' data-toggle='modal' href='#myModalS' companyId='"+obj[0]+"' onclick='companyList.checkCompany(this);'>审核</a></td>"
       +"</tr>";
       }
     }
     $("#companyInfo").html(code);
      //分页
      keywords_pagenumber=data.data.pagination.thisPage;
      var keywords_pagesize=data.data.pagination.pageRange;
      var dataSize = data.data.pagination.dataSize;
      var totalpage =Math.ceil(dataSize/keywords_pagesize);
      $("#exp_keywords_page").pageBar({
      PageIndex: keywords_pagenumber, //当前页
      PageSize: keywords_pagesize, //每页记录数
      TotalPage: totalpage,//总页数
      RecordCount: dataSize,//数据总数
      //isShowPageNumber:false,
      onPageClick:function(page){
       keywords_pagenumber=page;
       companyList.getCompanyUser();
      }
      });
     }
   });
 }
 $(document).ready(function(){
  console.log("check register user");
  //节能服务公司用户list
  companyList.getCompanyUser();
 });
 //提交
 $('#modalForm1').ajaxForm(function(jsonResult) {
   if(jsonResult.success) {
    alert("保存成功!");
    window.location.reload();
   } else {
    alert(jsonResult.msg);
   }
 });
})(jQuery);

注:jQuery的命名空间是类似css的类,而不是类似java中的package。JS闭包概念很简单,就是函数用到外部变量,不需要传参就可以获取。

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
Javascript 两个窗体之间传值实现代码
Sep 25 Javascript
json 入门基础教程 推荐
Oct 31 Javascript
可选择和输入的下拉列表框示例
Nov 05 Javascript
js Calender控件使用详解
Jan 05 Javascript
jQuery的事件委托实例分析
Jul 15 Javascript
node.js微信公众平台开发教程
Mar 04 Javascript
浅谈bootstrap源码分析之scrollspy(滚动侦听)
Jun 06 Javascript
微信小程序 省市区选择器实例详解(附源码下载)
Jan 05 Javascript
深入理解Node.js中的进程管理
Mar 13 Javascript
JavaScript之生成器_动力节点Java学院整理
Jun 30 Javascript
原生JS 购物车及购物页面的cookie使用方法
Aug 21 Javascript
bootstrap table实现横向合并与纵向合并
Jul 18 Javascript
jquery实现百叶窗效果
Jan 12 #Javascript
基于JavaScript实现带缩略图的轮播效果
Jan 12 #Javascript
js通过指定下标或指定元素进行删除数组的实例
Jan 12 #Javascript
js仿搜狐视频记录片列表展示效果
May 30 #Javascript
原生js实现商品放大镜效果
Jan 12 #Javascript
JS 在数组指定位置插入/删除数据的方法
Jan 12 #Javascript
JS图片压缩(pc端和移动端都适用)
Jan 12 #Javascript
You might like
PHP5.3安装Zend Guard Loader图文教程
2014/09/29 PHP
PHP查询并删除数据库多列重复数据的方法(利用数组函数实现)
2016/02/23 PHP
Laravel中GraphQL接口请求频率实战记录
2020/09/01 PHP
Json对象与Json字符串互转(4种转换方式)
2013/03/27 Javascript
改变文件域的样式实现思路同时兼容ie、firefox
2013/10/23 Javascript
jquery动态改变onclick属性导致失效的问题解决方法
2013/12/04 Javascript
jquery实现html页面 div 假分页有原理有代码
2014/09/06 Javascript
基于jQuery实现点击弹出层实例代码
2016/01/01 Javascript
学习JavaScript设计模式之模板方法模式
2016/01/20 Javascript
jQuery ready()和onload的加载耗时分析
2016/09/08 Javascript
bootstrap datetimepicker日期插件使用方法
2017/01/13 Javascript
jQuery正则验证注册页面经典实例
2017/06/10 jQuery
JS实现百度搜索接口及链接功能实例代码
2018/02/02 Javascript
简单的vuex 的使用案例笔记
2018/04/13 Javascript
NodeJS安装图文教程
2018/04/19 NodeJs
r.js来合并压缩css文件的示例
2018/04/26 Javascript
浅析前端路由简介以及vue-router实现原理
2018/06/01 Javascript
NodeJS实现自定义流的方法
2018/08/01 NodeJs
微信公众号平台接口开发 获取微信服务器IP地址方法解析
2019/08/14 Javascript
vue.js iview打包上线后字体图标不显示解决办法
2020/01/20 Javascript
Django1.7+python 2.78+pycharm配置mysql数据库教程
2014/11/18 Python
K-means聚类算法介绍与利用python实现的代码示例
2017/11/13 Python
mac下pycharm设置python版本的图文教程
2018/06/13 Python
python将字符串转换成json的方法小结
2019/07/09 Python
Python实现随机取一个矩阵数组的某几行
2019/11/26 Python
最新PyCharm 2020.2.3永久激活码(亲测有效)
2020/11/26 Python
CSS3 实现飘动的云朵动画
2020/12/01 HTML / CSS
html5 Canvas画图教程(9)—canvas中画出矩形和圆形
2013/01/09 HTML / CSS
Html5踩坑记之mandMobile使用小记
2020/04/02 HTML / CSS
英国马莎百货印度官网:Marks & Spencer印度
2020/10/08 全球购物
出售房屋委托书范本
2014/09/24 职场文书
出差报告格式模板
2014/11/06 职场文书
幼儿园中班教师个人工作总结
2015/02/06 职场文书
趣味运动会口号
2015/12/24 职场文书
教师网络培训心得体会
2016/01/09 职场文书
Python jiaba库的使用详解
2021/11/23 Python