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 动态创建VML的方法
Oct 14 Javascript
非阻塞动态加载javascript广告实现代码
Nov 17 Javascript
js实现动态改变字体大小代码
Jan 02 Javascript
EasyUI中combobox默认值注意事项
Mar 01 Javascript
使用C++为node.js写扩展模块
Apr 22 Javascript
AngularJS指令详解及示例代码
Aug 16 Javascript
Javascript中浏览器窗口的基本操作总结
Aug 18 Javascript
Form表单上传文件(type=&quot;file&quot;)的使用
Aug 03 Javascript
mui框架 页面无法滚动的解决方法(推荐)
Jan 25 Javascript
vue打包相关细节整理(小结)
Sep 28 Javascript
详解js删除数组中的指定元素
Oct 31 Javascript
微信小程序开发数据缓存基础知识辨析及运用实例详解
Nov 06 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
Terran兵种对照表
2020/03/14 星际争霸
Thinkphp使用mongodb数据库实现多条件查询方法
2014/06/26 PHP
Laravel 5.4重新登录实现跳转到登录前页面的原理和方法
2017/07/13 PHP
Laravel框架基于ajax和layer.js实现无刷新删除功能示例
2019/01/17 PHP
php快速导入大量数据的实例方法
2019/09/23 PHP
JavaScript与C# Windows应用程序交互方法
2007/06/29 Javascript
js控制框架刷新
2008/08/01 Javascript
基于Jquery的简单&amp;简陋Tabs插件代码
2010/02/09 Javascript
JS获取计算机mac地址以及IP的实现方法
2014/01/08 Javascript
js实现Select列表各项上移和下移的方法
2015/08/14 Javascript
jQuery实现的调整表格行tr上下顺序
2016/01/10 Javascript
JavaScript生成验证码并实现验证功能
2016/09/24 Javascript
Node.js使用NodeMailer发送邮件实例代码
2017/03/06 Javascript
Vue.js实现移动端短信验证码功能
2017/03/29 Javascript
vue 和vue-touch 实现移动端左右导航效果(仿京东移动站导航)
2017/04/22 Javascript
input 标签实现输入框带提示文字效果(两种方法)
2017/10/09 Javascript
JavaScript实现仿Clock ISO时钟
2018/06/29 Javascript
记一次用vue做的活动页的方法步骤
2019/04/11 Javascript
vue组件 keep-alive 和 transition 使用详解
2019/10/11 Javascript
微信小程序实现侧边栏分类
2019/10/21 Javascript
ES6 proxy和reflect的使用方法与应用实例分析
2020/02/15 Javascript
微信小程序收藏功能的实现代码
2020/06/19 Javascript
vue swipeCell滑动单元格(仿微信)的实现示例
2020/09/14 Javascript
ES6中的Javascript解构的实现
2020/10/30 Javascript
[47:04]EG vs RNG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
跟老齐学Python之重回函数
2014/10/10 Python
使用Python对IP进行转换的一些操作技巧小结
2015/11/09 Python
解决Python2.7中IDLE启动没有反应的问题
2018/11/30 Python
Python flask框架实现查询数据库并显示数据
2020/06/04 Python
Shopee新加坡:东南亚与台湾电商平台
2019/01/25 全球购物
波兰家居和花园家具专家:4Home
2019/05/26 全球购物
《英英学古诗》教学反思
2014/04/11 职场文书
工程负责人任命书
2014/06/06 职场文书
党委书记个人对照检查材料
2014/09/15 职场文书
云冈石窟导游词
2015/02/04 职场文书
公司开会通知
2015/04/20 职场文书