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 相关文章推荐
firefox下对ajax的onreadystatechange的支持情况分析
Dec 14 Javascript
Javascript 判断是否存在函数的方法
Jan 03 Javascript
JS判定是否原生方法
Jul 22 Javascript
javascript中typeof操作符和constucor属性检测
Feb 26 Javascript
AngularJS中的Directive自定义一个表格
Jan 25 Javascript
jQuery实现简单隔行变色的方法
Feb 20 Javascript
AngularJS 入门教程之事件处理器详解
Aug 19 Javascript
node安装--linux下的快速安装教程
Mar 21 Javascript
ES6学习教程之块级作用域详解
Oct 09 Javascript
Vue状态模式实现窗口停靠功能(灵动、自由, 管理后台Admin界面)
Mar 06 Javascript
JS中间件设计模式的深入探讨与实例分析
Apr 11 Javascript
vue根据条件不同显示不同按钮的操作
Aug 04 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生成便于打印的网页
2006/10/09 PHP
php中var_export与var_dump的区别分析
2010/08/21 PHP
PHP高自定义性安全验证码代码
2011/11/27 PHP
基于命令行执行带参数的php脚本并取得参数的方法
2016/01/25 PHP
[原创]php正则删除html代码中class样式属性的方法
2017/05/24 PHP
php设计模式之抽象工厂模式分析【星际争霸游戏案例】
2020/01/23 PHP
js闭包的用途详解
2014/11/09 Javascript
jQuery实现跨域iframe接口方法调用
2015/03/14 Javascript
jquery实现自适应banner焦点图
2017/02/16 Javascript
javascript 跨域问题以及解决办法
2017/07/17 Javascript
Vuejs 实现简易 todoList 功能 与 组件实例代码
2018/09/10 Javascript
浅谈React之状态(State)
2018/09/19 Javascript
vue返回上一页面时回到原先滚动的位置的方法
2018/12/20 Javascript
Python代码解决RenderView窗口not found问题
2016/08/28 Python
Python实现Youku视频批量下载功能
2017/03/14 Python
Python设计模式之中介模式简单示例
2018/01/09 Python
python爬取哈尔滨天气信息
2018/07/14 Python
启动Atom并运行python文件的步骤
2018/11/09 Python
在Django model中设置多个字段联合唯一约束的实例
2019/07/17 Python
python中pygame安装过程(超级详细)
2019/08/04 Python
基于django传递数据到后端的例子
2019/08/16 Python
JupyterNotebook设置Python环境的方法步骤
2019/12/03 Python
css3 flex实现div内容水平垂直居中的几种方法
2020/03/27 HTML / CSS
简单聊聊H5的pushState与replaceState的用法
2018/04/03 HTML / CSS
深入浅析HTML5中的SVG
2015/11/27 HTML / CSS
好药师网上药店:安全合法的网上药品零售药房
2017/02/15 全球购物
送货司机岗位职责
2013/12/11 职场文书
医药工作岗位求职信分享
2013/12/31 职场文书
办理退休介绍信
2014/01/09 职场文书
小学教师事迹材料
2014/01/13 职场文书
开办大学饮食联盟创业计划书
2014/01/29 职场文书
房屋出租委托书格式
2014/09/23 职场文书
董事长助理岗位职责
2015/02/11 职场文书
专家推荐信怎么写
2015/03/25 职场文书
新员工实习期个人工作总结
2015/10/15 职场文书
2016年基层党支部书记公开承诺书
2016/03/25 职场文书