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 相关文章推荐
强制设为首页代码
Jun 19 Javascript
javascript 全角转换实现代码
Jul 17 Javascript
JavaScript编程开发中的五个实用小技巧
Jul 22 Javascript
jQuery实现网页顶部固定导航效果代码
Dec 24 Javascript
探究Javascript模板引擎mustache.js使用方法
Jan 26 Javascript
微信JSAPI支付操作需要注意的细节
Jan 10 Javascript
jQuery用noConflict代替$的实现方法
Apr 12 jQuery
JS实现延迟隐藏功能的方法(类似QQ头像鼠标放上展示信息)
Dec 28 Javascript
elementUI中Table表格问题的解决方法
Dec 04 Javascript
JS随机密码生成算法
Sep 23 Javascript
extjs图形绘制之饼图实现方法分析
Mar 06 Javascript
学习 Vue.js 遇到的那些坑
Feb 02 Vue.js
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判断一个数组是否为有序的方法
2015/03/27 PHP
Ubuntu12下编译安装PHP5.3开发环境
2015/03/27 PHP
PHP截取发动短信内容的方法
2017/07/04 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
JavaScript 继承详解(四)
2009/07/13 Javascript
jquery入门—选择器实现隔行变色实例代码
2013/01/04 Javascript
图片轮换效果实现代码(点击按钮停止执行)
2013/04/12 Javascript
解析js如何获取当前url中的参数值并复制给input
2013/06/23 Javascript
js使用eval解析json实例与注意事项分享
2014/01/18 Javascript
jQuery基于当前元素进行下一步的遍历
2014/05/20 Javascript
jquery实现页面常用的返回顶部效果
2016/03/04 Javascript
妙用Bootstrap的 popover插件实现校验表单提示功能
2016/08/29 Javascript
vue实现单选和多选功能
2017/08/11 Javascript
React组件内事件传参实现tab切换的示例代码
2018/07/04 Javascript
小程序从手动埋点到自动埋点的实现方法
2019/01/24 Javascript
微信小程序简单的canvas裁剪图片功能详解
2019/07/12 Javascript
javascript中undefined的本质解析
2019/07/31 Javascript
分享15个最受欢迎的Python开源框架
2014/07/13 Python
Python使用正则匹配实现抓图代码分享
2015/04/02 Python
numpy自动生成数组详解
2017/12/15 Python
pandas数值计算与排序方法
2018/04/12 Python
利用Python如何实现一个小说网站雏形
2018/11/23 Python
解决python ogr shp字段写入中文乱码的问题
2018/12/31 Python
Python实现FTP弱口令扫描器的方法示例
2019/01/31 Python
Python使用paramiko操作linux的方法讲解
2019/02/25 Python
使用python实现对元素的长截图功能
2019/11/14 Python
python 弧度与角度互转实例
2020/04/15 Python
Python通过len函数返回对象长度
2020/10/22 Python
html5图片上传预览示例分享
2014/04/14 HTML / CSS
类的核心特性有哪些
2014/01/01 面试题
公司活动方案范文
2014/03/06 职场文书
珍惜水资源建议书
2014/03/12 职场文书
行风评议整改报告
2014/11/06 职场文书
企业党员岗位承诺书
2015/04/27 职场文书
毕业赠语大全
2015/06/23 职场文书
Python人工智能之混合高斯模型运动目标检测详解分析
2021/11/07 Python