Javascript 公共代码(可重用)

简介: 1 //----------------------------------start公共变量------------------------------- 2 var postType = "POST"; 3 var getType = "GET"; 4 var json...
  1 //----------------------------------start公共变量-------------------------------
  2 var postType = "POST";
  3 var getType = "GET";
  4 var jsonType = "json";
  5 var xmlType = "xml";
  6 var commonType = "application/json; charset=utf-8";
  7 var action;     // 例如:action="add"
  8 var method;     // 例如:method="SaveMaintenanceWorkOrder"
  9 var jxgdid;     // 检修工单id
 10 var commonFlag; // 标识,例如:flag=""
 11 var commonUrl;
 12 var commonData;
 13 var strData="";
 14 var pages;
 15 var treeLeft;
 16 var treeTop;
 17 var devId;      // 设备id
 18 var departmentId // 部门id
 19 var inputId;   // 表单的id
 20 var node = "";
 21 //----------------------------------end公共变量-------------------------------
 22 
 23 //----------------------------------start公共树操作方法------------------------
 24 var setting = {
 25     async: {
 26         enable: true,
 27         url: "",
 28         autoParam: ["id", "name=n"],
 29         otherParam: { "treeType": "" }
 30     },
 31     view: {
 32         dblClickExpand: false
 33     },
 34     data: {
 35         simpleData: {
 36             enable: true
 37         }
 38     },
 39     check: {
 40         enable: false
 41     },
 42     callback: {
 43         beforeClick: beforeClick,
 44         onClick: onClick
 45     }
 46 };
 47 //----------------------------------end公共树操作方法--------------------------
 48 
 49 //----------------------------------start初始化页面----------------------------
 50 $(function() {
 51     boundClass();
 52 })
 53 //----------------------------------end初始化页面------------------------------
 54 
 55 /**********************************************************
 56 *
 57 *
 58 *----------------功能型函数(只能调用不可修改)--------------
 59 *
 60 *
 61 ***********************************************************/
 62 
 63 // 将日期转化为int
 64 function ConvertInt(str) {
 65     var strValue = "";
 66     var dateValue = str.split("-");
 67     for (var i = 0; i < dateValue.length; i++) {
 68         strValue += dateValue[i];
 69     }
 70     var intValue = parseInt(strValue);
 71     return intValue;
 72 }
 73 
 74 // 生成Guid字符串
 75 function Guid() {
 76     var guid = "";
 77     for (var i = 1; i <= 32; i++) {
 78         var n = Math.floor(Math.random() * 16.0).toString(16);
 79         guid += n;
 80         if ((i == 8) || (i == 12) || (i == 16) || (i == 20))
 81             guid += "-";
 82     }
 83     return guid;
 84 }
 85 
 86 
 87 // 检修类型绑定(dropdownlist类型)
 88 function boundControl(data, id) {
 89     var controlId = "#" + id;
 90     $(controlId).empty();
 91     var length = data.MaintenanceCategory.length;
 92     if (length == 0) {
 93         $(controlId).append("<option value=''></option>");
 94         return;
 95     }
 96     $(controlId).append("<option value='all'>所有</option>");
 97     for (var i = 0; i < length; i++) {
 98         $(controlId).append("<option value='" + data.MaintenanceCategory[i].DM + "'>" + data.MaintenanceCategory[i].MC + "</option>");
 99     }
100 }
101 
102 // 打开对话框
103 function openDlg(id, title, key) {
104     action = key;
105     var strId = "#" + id;
106     $(strId).dialog('open').dialog('setTitle', title);
107 }
108 
109 // 打开对话框2
110 function openDlg2(id, title) {
111     var strId = "#" + id;
112     $(strId).dialog('open').dialog('setTitle', title);
113 }
114 
115 // 关闭对话框
116 function closeDlg(id) {
117     var strId = "#" + id;
118     $(strId).dialog('close');
119 }
120 
121 //保存数据
122 function saveData(ajaxUrl, ajaxData) {
123     var returnData;
124     $.ajax({
125         url: ajaxUrl,
126         type: postType,
127         async: false,
128         data: ajaxData,
129         success: function(data) {
130             returnData = data;
131         },
132         error: function(XMLHttpRequest, textStatus, errorThrown) {
133             $.messager.alert('信息', XMLHttpRequest, 'info');
134             $.messager.alert('信息', textStatus, 'info');
135             $.messager.alert('信息', errorThrown, 'info');
136         }
137     });
138     return returnData;
139 }
140 
141 // 获取数据
142 function getData(ajaxUrl, ajaxData) {
143     var returnData;
144     $.ajax({
145         url: ajaxUrl,
146         type: postType,
147         async: false,
148         data: ajaxData,
149         dataType: jsonType,
150         contentType: commonType,
151         success: function(data) {
152             if (data.d) {
153                 var val = "";
154                 var ret = data.d.split("|")[0];
155                 eval("val=" + ret);
156                 var res = data.d.split("|")[1];
157                 if (ret == "0") {
158                     returnData = "0";
159                 }
160                 else if (ret == "null") {
161                     returnData = "null";
162                 }
163                 else {
164                     returnData = val;
165                     pages = res;
166                 }
167             }
168         },
169         error: function(XMLHttpRequest, textStatus, errorThrown) {
170             $.messager.alert('信息', XMLHttpRequest, 'info');
171             $.messager.alert('信息', textStatus, 'info');
172             $.messager.alert('信息', errorThrown, 'info');
173         }
174     });
175     return returnData;
176 }
177 
178 //删除数据
179 function deleteData(ajaxUrl, ajaxData) {
180     $.messager.confirm('对话框', '确认删除吗?删除后将不可恢复?', function(r) {
181         if (r) {
182             $.ajax({
183                 url: ajaxUrl,
184                 type: postType,
185                 data: ajaxData,
186                 async: false,
187                 dataType: jsonType,
188                 contentType: commonType,
189                 success: function(data) {
190                     switch (data.d) {
191                         case "DeleteSpareParts": getSpareParts(); break;
192                         case "error": $.messager.alert('信息', data.d, 'info'); break;
193                         case "DeleteWorkOrders": getWorkOrders(); break; // 获取主页面的表格进行显示
194                     }
195                 },
196                 error: function(XMLHttpRequest, textStatus, errorThrown) {
197                     $.messager.alert('信息', XMLHttpRequest, 'info');
198                     $.messager.alert('信息', textStatus, 'info');
199                     $.messager.alert('信息', errorThrown, 'info');
200                 }
201             });
202         }
203     });
204 
205 }
206 
207 //删除数据2
208 function deleteData2(ajaxUrl, ajaxData) {
209     $.ajax({
210         url: ajaxUrl,
211         type: postType,
212         data: ajaxData,
213         async: false,
214         dataType: jsonType,
215         contentType: commonType,
216         success: function(data) {
217             switch (data.d) {
218                 case "DeleteSpareParts": break;
219                 case "error": $.messager.alert('信息', data.d, 'info'); break;
220             }
221         },
222         error: function(XMLHttpRequest, textStatus, errorThrown) {
223             $.messager.alert('信息', XMLHttpRequest, 'info');
224             $.messager.alert('信息', textStatus, 'info');
225             $.messager.alert('信息', errorThrown, 'info');
226         }
227     });
228 }
229 
230 
231 // *获取数据工厂*
232 function getDataFactory() {
233     var value = getData(commonUrl, commonData);
234     switch (value) {
235         case "0":
236             $.messager.alert('提示', '加载数据失败!', 'info');
237             $("#Tbody").html("");
238             return false;
239             break;
240         case "null":
241             $.messager.alert('提示', '没有数据!', 'info');
242             $("#Tbody").html("");
243             return false;
244             break;
245         default:
246             mainTable(value, pages);
247             break;
248     }
249 }

 

目录
相关文章
|
2月前
|
JavaScript 前端开发 算法
流量分发代码实战|学会用JS控制用户访问路径
流量分发工具(Traffic Distributor),又称跳转器或负载均衡器,可通过JavaScript按预设规则将用户随机引导至不同网站,适用于SEO优化、广告投放、A/B测试等场景。本文分享一段不到百行的JS代码,实现智能、隐蔽的流量控制,并附完整示例与算法解析。
80 1
|
3月前
|
JavaScript 前端开发
怀孕b超单子在线制作,p图一键生成怀孕,JS代码装逼娱乐
模拟B超单的视觉效果,包含随机生成的胎儿图像、医疗文本信息和医院标志。请注意这仅用于前端开发学习
|
3月前
|
JavaScript
JS代码的一些常用优化写法
JS代码的一些常用优化写法
67 0
|
5月前
|
存储 JavaScript 前端开发
在NodeJS中使用npm包进行JS代码的混淆加密
总的来说,使用“javascript-obfuscator”包可以帮助我们在Node.js中轻松地混淆JavaScript代码。通过合理的配置,我们可以使混淆后的代码更难以理解,从而提高代码的保密性。
420 9
|
6月前
|
前端开发 JavaScript
【Javascript系列】Terser除了压缩代码之外,还有优化代码的功能
Terser 是一款广泛应用于前端开发的 JavaScript 解析器和压缩工具,常被视为 Uglify-es 的替代品。它不仅能高效压缩代码体积,还能优化代码逻辑,提升可靠性。例如,在调试中发现,Terser 压缩后的代码对删除功能确认框逻辑进行了优化。常用参数包括 `compress`(启用压缩)、`mangle`(变量名混淆)和 `output`(输出配置)。更多高级用法可参考官方文档。
425 11
|
6月前
|
JavaScript 前端开发 算法
JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码)
Array.sort() 是一个功能强大的方法,通过自定义的比较函数,可以处理各种复杂的排序逻辑。无论是简单的数字排序,还是多字段、嵌套对象、分组排序等高级应用,Array.sort() 都能胜任。同时,通过性能优化技巧(如映射排序)和结合其他数组方法(如 reduce),Array.sort() 可以用来实现高效的数据处理逻辑。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
8月前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
328 21
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
6月前
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
8月前
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
192 14
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
7月前
|
人工智能 数据可视化 机器人
【通义灵码】三句话生成P5.js粒子特效代码,人人都可以做交互式数字艺术
我发掘出的通义灵码AI程序员新玩法:三句话生成P5.js粒子特效代码,人人都可以做交互式数字艺术
278 6