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 相关文章推荐
IE6弹出“已终止操作”的解决办法
Nov 27 Javascript
js 弹出菜单/窗口效果
Oct 30 Javascript
jquery 动态创建元素的方式介绍及应用
Apr 21 Javascript
js控制页面控件隐藏显示的两种方法介绍
Oct 09 Javascript
浅谈javascript中的call、apply、bind
Mar 06 Javascript
多功能jQuery树插件zTree实现权限列表简单实例
Jul 12 Javascript
微信小程序之数据双向绑定与数据操作
May 12 Javascript
浅谈Vue数据响应思路之数组
Nov 06 Javascript
JS实现点击发送验证码 xx秒后重新发送功能
Jul 30 Javascript
详解使用JWT实现单点登录(完全跨域方案)
Aug 02 Javascript
JavaScript利用键盘码控制div移动
Mar 19 Javascript
vue搜索页开发实例代码详解(热门搜索,历史搜索,淘宝接口演示)
Apr 11 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输出XML到页面的3种方法详解
2013/06/06 PHP
PHP实现的XML操作类【XML Library】
2016/12/29 PHP
Javascript miscellanea -display data real time, using window.status
2007/01/09 Javascript
jquery的颜色选择插件实例代码
2008/10/02 Javascript
JS 图片缩放效果代码
2010/06/09 Javascript
Javascript 类、命名空间、代码组织代码
2011/07/31 Javascript
JavaScript实现非常简单实用的下拉菜单效果
2015/08/27 Javascript
基于jquery实现三级下拉菜单
2016/05/10 Javascript
Javascript基础知识盲点总结之函数
2016/05/15 Javascript
如何利用JSHint减少JavaScript的错误
2016/08/23 Javascript
js内置对象处理_打印学生成绩单的简单实现
2016/09/24 Javascript
jQuery实现删除li节点的方法
2016/12/06 Javascript
js事件冒泡与事件捕获详解
2017/02/20 Javascript
javascript过滤数组重复元素的实现方法
2017/05/03 Javascript
Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
2017/07/03 Javascript
vue项目webpack中Npm传递参数配置不同域名接口
2018/06/15 Javascript
对vue 键盘回车事件的实例讲解
2018/08/25 Javascript
详解vue 组件
2020/06/11 Javascript
详解JavaScript作用域 闭包
2020/07/29 Javascript
原生js滑动轮播封装
2020/07/31 Javascript
在vue中给后台接口传的值为数组的格式代码
2020/11/12 Javascript
[02:51]DOTA2英雄基础教程 艾欧
2014/01/13 DOTA
PyQt5每天必学之弹出消息框
2018/04/19 Python
Python 限定函数参数的类型及默认值方式
2019/12/24 Python
Python3实现发送邮件和发送短信验证码功能
2020/01/07 Python
Python 数据的累加与统计的示例代码
2020/08/03 Python
python3环境搭建过程(利用Anaconda+pycharm)完整版
2020/08/19 Python
Python字典实现伪切片功能
2020/10/28 Python
html5弹跳球示例代码
2013/07/23 HTML / CSS
雅诗兰黛香港官网:Estee Lauder香港
2017/09/26 全球购物
夏威夷灵感服装及配饰:Reyn Spooner
2018/09/18 全球购物
初中美术教学反思
2014/01/29 职场文书
新年寄语大全
2014/04/12 职场文书
主题班会演讲稿
2014/05/22 职场文书
五好家庭事迹材料
2014/12/20 职场文书
博士生专家推荐信
2015/03/25 职场文书