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 DOM学习第一章 W3C DOM简介
Feb 19 Javascript
js获取当前select 元素值的代码
Apr 19 Javascript
关于js拖拽上传 [一个拖拽上传修改头像的流程]
Jul 13 Javascript
介绍JavaScript中Math.abs()方法的使用
Jun 14 Javascript
纯JavaScript手写图片轮播代码
Oct 20 Javascript
详解vue 配合vue-resource调用接口获取数据
Jun 22 Javascript
iscroll.js滚动加载实例详解
Jul 18 Javascript
JavaScript数组排序reverse()和sort()方法详解
Dec 24 Javascript
ES6与CommonJS中的模块处理的区别
Jun 13 Javascript
JS script脚本中async和defer区别详解
Jun 24 Javascript
vue使用video插件vue-video-player详解
Oct 23 Javascript
vue render函数动态加载img的src路径操作
Oct 26 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中的stdClass类
2014/04/18 PHP
mac环境中使用brew安装php5.5.15
2014/08/18 PHP
两个php日期控制类实例
2014/12/09 PHP
微信公众平台开发关注及取消关注事件的方法
2014/12/23 PHP
php实现的农历算法实例
2015/08/11 PHP
Yii 2中的load()和save()示例详解
2017/08/03 PHP
雄兵连第三季海报曝光,艾妮熙德成主角,蔷薇新造型
2021/03/09 国漫
关于取不到由location.href提交而来的上级页面地址的解决办法
2009/07/30 Javascript
js 数据类型转换总结笔记
2011/01/17 Javascript
用显卡加速,轻松把笔记本打造成取暖器的办法!
2013/04/17 Javascript
js open() 与showModalDialog()方法使用介绍
2013/09/10 Javascript
详解Javascript继承的实现
2016/03/25 Javascript
jQuery可见性过滤选择器用法示例
2016/09/09 Javascript
JavaScript与JQUERY获取元素的宽、高和位置
2017/02/26 Javascript
vue2+el-menu实现路由跳转及当前项的设置方法实例
2017/11/07 Javascript
nodeJs爬虫的技术点总结
2018/05/13 NodeJs
electron中使用bootstrap的示例代码
2018/11/06 Javascript
Bootstrap 按钮样式与使用代码详解
2018/12/09 Javascript
快速了解Node中的Stream流是什么
2019/02/13 Javascript
vue中利用simplemde实现markdown编辑器(增加图片上传功能)
2019/04/29 Javascript
JavaScript实现五子棋小游戏
2020/10/26 Javascript
python协程用法实例分析
2015/06/04 Python
简单谈谈python的反射机制
2016/06/28 Python
Python实现计算圆周率π的值到任意位的方法示例
2018/05/08 Python
PyQt5实现简单数据标注工具
2019/03/18 Python
浅谈python 中类属性共享的问题
2019/07/02 Python
python判断自身是否正在运行的方法
2019/08/08 Python
利用python实现汉字转拼音的2种方法
2019/08/12 Python
Windows+Anaconda3+PyTorch+PyCharm的安装教程图文详解
2020/04/03 Python
CSS3 实现侧边栏展开收起动画
2014/12/22 HTML / CSS
在html5的Canvas上绘制椭圆的几种方法总结
2013/01/07 HTML / CSS
H5 video poster属性设置视频封面的方法
2020/05/25 HTML / CSS
Bose法国官网:购买耳机、扬声器、家庭影院、专业音响
2017/12/21 全球购物
有abstract方法的类一定要用abstract修饰吗
2016/03/14 面试题
2014年党员自我评议总结
2014/09/23 职场文书
银行客户经理岗位职责
2015/04/09 职场文书