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 相关文章推荐
Fixie.js 自动填充内容的插件
Jun 28 Javascript
js获取元素到文档区域document的(横向、纵向)坐标的两种方法
May 17 Javascript
浅谈JavaScript之事件绑定
Jul 08 Javascript
jquery操作cookie插件分享
Jan 14 Javascript
自己动手写的jquery分页控件(非常简单实用)
Oct 28 Javascript
jQuery DateTimePicker 日期和时间插件示例
Jan 22 Javascript
react-native-tab-navigator组件的基本使用示例代码
Sep 07 Javascript
AngularJS基于MVC的复杂操作实例讲解
Dec 31 Javascript
vue2.0安装style/css loader的方法
Mar 14 Javascript
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
Apr 03 Javascript
小程序获取周围IBeacon设备的方法
Oct 31 Javascript
微信小程序修改checkbox的样式代码实例
Jan 21 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
php curl post 时出现的问题解决
2014/01/30 PHP
Zend Framework基本页面布局分析
2016/03/19 PHP
php使用ftp实现文件上传与下载功能
2017/07/21 PHP
利用javascript移动div层-javascript 拖动层
2009/03/22 Javascript
基于Jquery的实现回车键Enter切换焦点
2010/09/14 Javascript
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
2011/03/03 Javascript
javascript级联下拉列表实例代码(自写)
2013/05/10 Javascript
如何使用Javascript获取距今n天前的日期
2013/07/08 Javascript
js 单击式的下拉菜单效果实例
2013/08/13 Javascript
jquery easyui combobox模糊过滤(示例代码)
2013/11/30 Javascript
详解WordPress开发中get_current_screen()函数的使用
2016/01/11 Javascript
微信QQ的二维码登录原理js代码解析
2016/06/23 Javascript
基于jQuery实现滚动切换效果
2016/12/02 Javascript
BootStrap的select2既可以查询又可以输入的实现代码
2017/02/17 Javascript
微信小程序使用progress组件实现显示进度功能【附源码下载】
2017/12/12 Javascript
React学习笔记之高阶组件应用
2018/06/02 Javascript
Vue2 添加数据可视化支持的方法步骤
2019/01/02 Javascript
微信小程序picker组件关于objectArray数据类型的绑定方法
2019/03/13 Javascript
JS原型与继承操作示例
2019/05/09 Javascript
Vue Components 数字键盘的实现
2019/09/18 Javascript
[01:19:46]DOTA2-DPC中国联赛 正赛 SAG vs DLG BO3 第一场 2月28日
2021/03/11 DOTA
python正则实现计算器功能
2017/12/14 Python
python实现数据预处理之填充缺失值的示例
2017/12/22 Python
python实现守护进程、守护线程、守护非守护并行
2018/05/05 Python
Python实现定时自动关闭的tkinter窗口方法
2019/02/16 Python
django query模块
2019/04/20 Python
Python的条件锁与事件共享详解
2019/09/12 Python
python手写均值滤波
2020/02/19 Python
太阳镜仓库,售价20美元或更少:Sunglass Warehouse
2016/09/28 全球购物
Expedia法国:全球最大在线旅游公司
2018/09/30 全球购物
英语自荐信范文
2013/12/11 职场文书
网站开发实习生的自我评价
2013/12/11 职场文书
理工科学生的自我评价
2013/12/15 职场文书
初中作文评语集锦
2014/12/25 职场文书
材料采购员岗位职责
2015/04/03 职场文书
2016医师资格考试考生诚信考试承诺书
2016/03/25 职场文书