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 相关文章推荐
跨浏览器的设置innerHTML方法
Sep 18 Javascript
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
Aug 05 Javascript
JS截取字符串常用方法详细整理
Oct 28 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
Dec 05 Javascript
JS可以控制样式的名称写法一览
Jan 16 Javascript
jquery、js操作checkbox全选反选
Mar 12 Javascript
Bootstrap每天必学之导航组件
Apr 25 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
Jun 01 Javascript
微信小程序中添加客服按钮contact-button功能
Apr 27 Javascript
微信小程序实现购物页面左右联动
Feb 15 Javascript
使用Vue.observable()进行状态管理的实例代码详解
May 26 Javascript
详解element-ui设置下拉选择切换必填和非必填
Jun 17 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
一条久听不愿放下的DIY森海MX500,三言两语话神奇
2021/03/02 无线电
国外比较好的几个的Php开源建站平台小结
2010/04/22 PHP
简单的方法让你的后台登录更加安全(php中加session验证)
2012/08/22 PHP
谨慎使用PHP的引用原因分析
2012/09/06 PHP
php使用curl检测网页是否被百度收录的示例分享
2014/01/31 PHP
Thinkphp模板中截取字符串函数简介
2014/06/17 PHP
php.ini中的request_order推荐设置
2015/05/10 PHP
编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
2008/10/29 Javascript
在JavaScript中,为什么要尽可能使用局部变量?
2009/04/06 Javascript
JavaScript 反科里化 this [译]
2012/09/20 Javascript
JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
2014/10/17 Javascript
Bootstrap每天必学之简单入门
2015/11/19 Javascript
[原创]JQuery 在表单提交之前修改 提交的值
2016/04/14 Javascript
Backbone View 之间通信的三种方式
2016/08/09 Javascript
js判断文件类型大小并给出提示的实现方法
2018/01/03 Javascript
bing Map 在vue项目中的使用详解
2018/04/09 Javascript
vue项目部署上线遇到的问题及解决方法
2018/06/10 Javascript
layui点击导航栏刷新tab页的示例代码
2018/08/14 Javascript
Vue动态生成表格的行和列
2019/07/18 Javascript
jQuery实现checkbox全选、反选及删除等操作的方法详解
2019/08/02 jQuery
Vue 中可以定义组件模版的几种方式
2019/08/06 Javascript
vue实现分页加载效果
2019/12/24 Javascript
浅析python打包工具distutils、setuptools
2018/04/20 Python
Python的iOS自动化打包实例代码
2018/11/22 Python
Python3简单爬虫抓取网页图片代码实例
2019/08/26 Python
tensorflow:指定gpu 限制使用量百分比,设置最小使用量的实现
2020/02/06 Python
CSS3制作半透明边框(Facebox)类似渐变
2012/12/09 HTML / CSS
线程同步的方法
2016/11/23 面试题
超市实习总结自我鉴定
2013/09/19 职场文书
实习老师个人总结的自我评价
2013/09/28 职场文书
网游商务专员求职信
2013/10/15 职场文书
5s标语大全
2014/06/23 职场文书
2014年维修电工工作总结
2014/11/20 职场文书
超市采购员岗位职责
2015/04/07 职场文书
社区文明倡议书
2015/04/28 职场文书
如何利用golang运用mysql数据库
2022/03/13 Golang