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 相关文章推荐
jquery 读取页面load get post ajax 四种方式代码写法
Apr 02 Javascript
JavaScript实现两个Table固定表头根据页面大小自行调整
Jan 03 Javascript
jquery中获得元素尺寸和坐标的方法整理
May 18 Javascript
jQuery插件imgPreviewQs实现上传图片预览
Jan 15 Javascript
JavaScript中的call和apply的用途以及区别
Jan 11 Javascript
ajax分页效果(bootstrap模态框)
Jan 23 Javascript
js实现旋转木马效果
Mar 17 Javascript
Angular排序实例详解
Jun 28 Javascript
浅析JavaScript中的平稳退化(graceful degradation)
Jul 24 Javascript
ReactNative列表ListView的用法
Aug 02 Javascript
解决bootstrap中下拉菜单点击后不关闭的问题
Aug 10 Javascript
JS实现旋转木马轮播图
Jan 01 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判断文件是否存在、是否可读、目录是否存在的代码
2012/10/03 PHP
php实现的css文件背景图片下载器代码
2014/11/11 PHP
php计算两个文件相对路径的方法
2015/03/14 PHP
ThinkPHP模型详解
2015/07/27 PHP
thinkPHP中验证码的简单使用方法
2015/12/26 PHP
jQuery学习笔记之jQuery的DOM操作
2010/12/22 Javascript
基于jQuery的模仿新浪微博时间的组件
2011/10/04 Javascript
FireFox下XML对象转化成字符串的解决方法
2011/12/09 Javascript
Jquery动态改变图片IMG的src地址示例
2013/06/25 Javascript
浅析AngularJS中的生命周期和延迟处理
2015/06/18 Javascript
JavaScript 七大技巧(一)
2015/12/13 Javascript
Vue通过input筛选数据
2020/10/26 Javascript
vue bootstrap小例子一枚
2017/06/09 Javascript
js微信分享实现代码
2020/10/11 Javascript
node.js基础知识小结
2018/02/26 Javascript
dts文件中删除一个node或属性的操作方法
2018/08/05 Javascript
关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)
2018/09/04 Javascript
Vue生命周期activated之返回上一页不重新请求数据操作
2020/07/26 Javascript
[06:49]2018DOTA2国际邀请赛寻真——VirtusPro傲视群雄
2018/08/12 DOTA
Python在Windows和在Linux下调用动态链接库的教程
2015/08/18 Python
Ruby使用eventmachine为HTTP服务器添加文件下载功能
2016/04/20 Python
python3读取csv和xlsx文件的实例
2018/06/22 Python
python+webdriver自动化环境搭建步骤详解
2019/06/03 Python
对Python中TKinter模块中的Label组件实例详解
2019/06/14 Python
pyqt 实现为长内容添加滑轮 scrollArea
2019/06/19 Python
python实现的按要求生成手机号功能示例
2019/10/08 Python
查看已安装tensorflow版本的方法示例
2020/04/19 Python
使用Django搭建网站实现商品分页功能
2020/05/22 Python
Django:使用filter的pk进行多值查询操作
2020/07/15 Python
Python+logging输出到屏幕将log日志写入文件
2020/11/11 Python
html标签之Object和EMBED标签详解
2013/07/04 HTML / CSS
Surfdome西班牙:世界上最受欢迎的生活方式品牌
2019/02/13 全球购物
工程安全生产协议书
2014/11/21 职场文书
红高粱观后感
2015/06/10 职场文书
2015教师个人师德工作总结
2015/10/23 职场文书
Flask response响应的具体使用
2021/07/15 Python