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 相关文章推荐
javascript之更有效率的字符串替换
Aug 02 Javascript
js window.onload 加载多个函数的方法
Nov 02 Javascript
ajax中get和post的说明及使用与区别
Dec 23 Javascript
jquery 获取标签名(tagName)示例代码
Jul 11 Javascript
Javascript 实现的数独解题算法网页实例
Oct 15 Javascript
Jquery结合HTML5实现文件上传
Jun 25 Javascript
原生js模拟淘宝购物车项目实战
Nov 18 Javascript
JavaScript基础重点(必看)
Jul 09 Javascript
BootStrap的select2既可以查询又可以输入的实现代码
Feb 17 Javascript
vue3.0 搭建项目总结(详细步骤)
May 20 Javascript
vue.js表单验证插件(vee-validate)的使用教程详解
May 23 Javascript
搭建vscode+vue环境的详细教程
Aug 31 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解析mht文件转换成html的实例
2017/03/13 PHP
Display SQL Server Version Information
2007/06/21 Javascript
关于jQuery object and DOM element
2013/04/15 Javascript
javascript中style.left和offsetLeft的用法说明
2014/03/07 Javascript
js仿土豆网带缩略图的焦点图片切换效果实现方法
2015/02/23 Javascript
javascript实现图像循环明暗变化的方法
2015/02/25 Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
2015/06/19 Javascript
JS中的数组方法笔记整理
2016/07/26 Javascript
js实现彩色条纹滚动条效果
2017/03/15 Javascript
AngularJS ng-repeat指令及Ajax的应用实例分析
2017/07/06 Javascript
总结js中的一些兼容性易错的问题
2017/12/18 Javascript
详解Angular cli配置过程记录
2019/11/07 Javascript
js实现坦克大战游戏
2020/02/24 Javascript
微信小程序 flexbox layout快速实现基本布局的解决方案
2020/03/24 Javascript
vue父子组件间引用之$parent、$children
2020/05/20 Javascript
[00:39]DOTA2上海特级锦标赛 Liquid战队宣传片
2016/03/04 DOTA
详解K-means算法在Python中的实现
2017/12/05 Python
python MysqlDb模块安装及其使用详解
2018/02/23 Python
python3.4+pycharm 环境安装及使用方法
2019/06/13 Python
Pycharm保存不能自动同步到远程服务器的解决方法
2019/06/27 Python
PYTHON发送邮件YAGMAIL的简单实现解析
2019/10/28 Python
利用Tensorboard绘制网络识别准确率和loss曲线实例
2020/02/15 Python
Python中logging日志库实例详解
2020/02/19 Python
python pandas利用fillna方法实现部分自动填充功能
2020/03/16 Python
PyQt5 控件字体样式等设置的实现
2020/05/13 Python
python文件路径操作方法总结
2020/12/21 Python
通过python-pptx模块操作ppt文件的方法
2020/12/26 Python
阿玛尼美妆加拿大官方商城:Giorgio Armani Beauty加拿大
2017/10/24 全球购物
初中校园广播稿
2014/02/02 职场文书
励志演讲稿3分钟
2014/08/21 职场文书
大学生撤销处分思想汇报
2014/09/12 职场文书
法学专业毕业实习自我鉴定2014
2014/09/27 职场文书
婚礼庆典答谢词
2015/01/20 职场文书
2016年优秀少先队员事迹材料
2016/02/26 职场文书
详解MySQL InnoDB存储引擎的内存管理
2021/04/08 MySQL
linux下导入、导出mysql数据库命令的实现方法
2021/05/26 MySQL