音乐 关注 标签
评论 参与 新评
js 中常用到的封装方法 
  1 /**
  2  * 获取URL参数
  3  */
  4 function getQueryString(name) {
  5     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  6     var r = window.location.search.substr(1).match(reg);
  7     if (r != null)
  8         return unescape(r[2]);
  9     return null;
 10 }
 11 
 12 /**
 13  * 获取应用的上下文环境
 14  */
 15 function getUrl() {
 16     var href = window.location.href;
 17     var strContext = href.substring(0, href.indexOf("/",
 18             (href.indexOf("//") + 2)) + 1);
 19     return strContext;
 20 }
 21 
 22 /**
 23  * ajax封装 url 发送请求的地址 data 发送到服务器的数据，数组存储，如：{"date": new Date().getTime(),"state": 1} successfn 成功回调函数
 24  * 后端异步提交方法
 25  */
 26 function ajaxPost(url, data, successfn) {
 27     data = (data == null || data == "" || typeof (data) == "undefined") ? {
 28         "date" : new Date().getTime()
 29     } : data;
 30     $.ajax( {
 31         type : "post",
 32         data : data,
 33         url : url,
 34         dataType : "json",
 35         beforeSend : function(XMLHttpRequest) {
 36             jzts();
 37         },
 38         success : function(d) {
 39             if (d.code == "40002") {
 40                 $.jBox.tip('数据解析错误!', 'error');
 41                 hangge();
 42                 return;
 43             }
 44             successfn(d);
 45         },
 46         complete : function(XMLHttpRequest, textStatus) {
 47             hangge();
 48         },
 49         error : function(e) {
 50             hangge();
 51         }
 52     });
 53 };
 54 
 55 /**
 56  * ajax封装 url 发送请求的地址 data 发送到服务器的数据，数组存储，如：{"date": new Date().getTime(),"state": 1} successfn 成功回调函数
 57  * 前端异步提交方法
 58  */
 59 function ajaxWeb(url, data, successfn) {
 60     data = (data == null || data == "" || typeof (data) == "undefined") ? {
 61         "date" : new Date().getTime()
 62     } : data;
 63     $.ajax( {
 64         type : "post",
 65         data : data,
 66         url : url,
 67         dataType : "json",
 68         beforeSend : function(XMLHttpRequest) {
 69         },
 70         success : function(d) {
 71             if (d.code == "40002") {
 72                 $.jBox.tip('数据解析错误!', 'error');
 73                 return;
 74             }
 75             successfn(d);
 76         },
 77         complete : function(XMLHttpRequest, textStatus) {
 78         },
 79         error : function(e) {
 80         }
 81     });
 82 };
 83 
 84 /*
 85  * ajax封装 url 发送请求的地址 data 发送到服务器的数据，数组存储，如：{"date": new Date().getTime(),"state": 1} successfn 成功回调函数
 86  * ajax前端同步方法
 87  * 没tip等方法
 88  */
 89 function ajaxPostAsyncData(url, data, successfn) {
 90     data = (data == null || data == "" || typeof (data) == "undefined") ? {
 91         "date" : new Date().getTime()
 92     } : data;
 93     $.ajax( {
 94         type : "post",
 95         data : data,
 96         async: false,
 97         url : url,
 98         dataType : "json",
 99         beforeSend : function(XMLHttpRequest) {
100         },
101         success : function(d) {
102             if (d.code == "40002") {
103                 return;
104             }
105             successfn(d);
106         },
107         complete : function(XMLHttpRequest, textStatus) {
108         },
109         error : function(e) {
110         }
111     });
112 };
113 
114 // ------------------------分页--------------------------
115 /**
116  * 分页控件 data:数据集合 ob:放入控件ID
117  */
118 function pageStr(data, obid) {
119     $("#" + obid).html("");
120     var pageStr = '<div class="pagination" style="float: right;padding-top: 0px;margin-top: 0px;">';
121     pageStr += '<ul>';
122     pageStr += '<li><a>共<font color="red" id="maxNum">1</font>条</a></li>';
123     pageStr += '<li><input type="number" value="" id="toGoPage" style="width:50px;text-align:center;float:left" placeholder="页码"></li>';
124     pageStr += '<li style="cursor:pointer;"><a onclick="goPage();" class="btn btn-mini btn-success">跳转</a></li>';
125     pageStr += '<li><a onclick="maxMinPage(1)">首页</a></li>';
126     pageStr += '<li><a onclick="upPage()">上页</a></li>';
127     pageStr += '<li style="cursor:pointer;" id="ynum"></li>';
128     pageStr += '<li><a onclick="nextPage()">下页</a></li>';
129     pageStr += '<li><a onclick="maxMinPage(2)">尾页</a></li>';
130     pageStr += '<li><a>第<font id="pageIndex">1</font>页</a></li>';
131     pageStr += '<li><a>共<font id="maxPage">1</font>页</a></li>';
132     pageStr += '</ul>';
133     pageStr += '</div>';
134 
135     $("#" + obid).append(pageStr);
136     // --------初始化控件数据------------
137     var total = data["resobj"].total;// 记录总页数
138     var page = data["resobj"].page;// 当前页码
139     var records = data["resobj"].records;// 总条数
140     var showTag = 5;// 分页标签显示数量
141     var startTag = 1;// 启始页码
142     if (page > showTag) {
143         startTag = page - 1;
144     }
145     var endTag = startTag + showTag - 1;
146     $("#ynum").html("");
147     for ( var i = startTag; i <= total && i <= endTag; i++) {
148         if (page == i) {
149             $("#ynum")
150                     .append("<a><font color='#808080'>" + i + "</font></a>\n");
151         } else {
152             $("#ynum").append("<a onclick='pageGo(" + i + ")'>" + i + "</a>\n");
153         }
154     }
155     $("#maxPage").html(total);
156     $("#pageIndex").html(page);
157     $("#maxNum").html(records);
158 
159 }
160 
161 
162 
163 function  getPageStr(data,divId,loadFunction){
164     var item='    <div class="page-page flr">';
165         item+='        <ul class="pagination">';
166         item+='            <li class="epage"><a href="javascript:void(0);" onclick="loadUpPageData(\''+divId+'\',\''+loadFunction+'\')">上一页</a></li>';
167         if(data.resobj.page==1){
168             if(data.resobj.total-3>0){
169                 item+='            <li class="active"><a href="javascript:void(0);">1<span class="sr-only">(current)</span></a></li>';
170                 item+='            <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+2+')">2</a></li>';
171                 item+='            <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+3+')" >3</a></li>';
172             }else{
173                 for(var i=1;i-data.resobj.total<=0;i++){
174                     if(i==1){
175                         item+='            <li class="active"><a href="javascript:void(0);">1<span class="sr-only">(current)</span></a></li>';
176                     }else{
177                         item+='            <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+i+')">'+i+'</a></li>';
178                     }
179                 }
180             }
181         }else if(data.resobj.page-data.resobj.total==0){
182             if(data.resobj.total-1>3){
183                 item+='    <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+(data.resobj.page-3)+')" >...</a></li>';
184             }
185             if(data.resobj.total>=3){
186                 item+='            <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+(data.resobj.page-2)+')" >'+(data.resobj.page-2)+'</a></li>';
187                 item+='            <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+(data.resobj.page-1)+')" >'+(data.resobj.page-1)+'</a></li>';
188                 item+='            <li class="active"><a href="javascript:void(0);" >'+data.resobj.page+'<span class="sr-only">(current)</span></a></li>';
189             }else{
190                 item+='            <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+(data.resobj.page-1)+')" >'+(data.resobj.page-1)+'</a></li>';
191                 item+='            <li class="active"><a href="javascript:void(0);">2<span class="sr-only">(current)</span></a></li>';
192             }
193             
194         }else{
195             if(data.resobj.page-1>3){
196                 item+='    <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+(data.resobj.page-3)+')" >...</a></li>';
197             }
198             item+='            <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+(data.resobj.page-1)+')" >'+(data.resobj.page-1)+'</a></li>';
199             item+='            <li class="active"><a href="javascript:void(0);">'+data.resobj.page+'</a></li>';
200             item+='            <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+(data.resobj.page+1)+')"  >'+(data.resobj.page+1)+'<span class="sr-only">(current)</span></a></li>';
201             if(data.resobj.total-data.resobj.page>3){
202                 item+='    <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+(data.resobj.page+3)+')" >...</a></li>';
203             }
204         }
205         item+='            <li class="epage"><a href="javascript:void(0);" onclick="loadDownPageData(\''+divId+'\',\''+loadFunction+'\')">下一页</a></li>';
206         item+='            <li style="display:none" name="maxPage">'+data.resobj.total+'</li>';
207         item+='            <li style="display:none" name="pageIndex">'+data.resobj.page+'</li>';
208         item+='        </ul>';
209         item+='    </div>';
210         item+='    <div class="page-num flr">共'+data.resobj.total+'页，每页'+data.resobj.currentPageSize+'条</div>';
211         $("#"+divId).html(item);
212 }
213 
214 /**
215  * @description 上一页
216  * @param divId
217  * @param loadFunction
218  */
219 function loadUpPageData(divId,loadFunction){
220     var maxpage = $("#"+divId).find("[name='maxPage']").html();
221     var pageIndex = $("#"+divId).find("[name='pageIndex']").html();
222     if (pageIndex -2>=0) {
223         pageIndex--;
224         $("#"+divId).find("[name='pageIndex']").html(pageIndex);
225         loadData();
226     }
227 }
228 
229 
230 /**
231  * @description 下一页
232  * @param divId
233  * @param loadFunction
234  */
235 function loadDownPageData(divId,loadFunction){
236     var maxpage = $("#"+divId).find("[name='maxPage']").html();
237     var pageIndex = $("#"+divId).find("[name='pageIndex']").html();
238     if (pageIndex - maxpage<0) {
239         pageIndex++;
240         $("#"+divId).find("[name='pageIndex']").html(pageIndex);
241         loadData();
242     }
243 }
244 
245 
246 function loadNumPageData(divId,loadFunction,num){
247     var maxpage = $("#"+divId).find("[name='maxPage']").html();
248     var pageIndex = $("#"+divId).find("[name='pageIndex']").html();
249     if (num-1>=0 && num-maxpage<=0 ) {
250         $("#"+divId).find("[name='pageIndex']").html(num);
251         loadData();
252     }
253 }
254 
255 
256 /**
257  * 跳转到几页
258  */
259 function goPage() {
260     var page = $("#toGoPage").val();
261     var maxpage = $("#maxPage").html();
262     page=parseInt(page);
263     maxpage=parseInt(maxpage);
264     if (page != "" && page > 0 && page != pageIndex && page <= maxpage) {
265         $("#pageIndex").html(page);
266         loadData();
267     }
268 }
269 /**
270  * 跳转到几页
271  */
272 function pageGo(page) {
273     $("#pageIndex").html(page);
274     loadData();
275 }
276 /**
277  * 下一页码
278  */
279 function nextPage() {
280     var maxpage = $("#maxPage").html();
281     var pageIndex = $("#pageIndex").html();
282     maxpage=parseInt(maxpage);
283     pageIndex=parseInt(pageIndex);
284     if (pageIndex < maxpage) {
285         pageIndex++;
286         $("#pageIndex").html(pageIndex);
287         loadData();
288     }
289 }
290 /**
291  * 上一页码
292  */
293 function upPage() {
294     var maxpage = $("#maxPage").html();
295     var pageIndex = $("#pageIndex").html();
296     if (pageIndex > 1) {
297         pageIndex--;
298         $("#pageIndex").html(pageIndex);
299         loadData();
300     }
301 }
302 /**
303  * 首页或尾页
304  */
305 function maxMinPage(num) {
306     if (num == 1) {
307         // 首页
308         $("#pageIndex").html("1");
309         loadData();
310     } else {
311         // 尾页
312         $("#pageIndex").html($("#maxPage").html());
313         loadData();
314     }
315 }
316 //------------------------分页--------------------------
317 
318 /**
319  * 给页面显示内容赋值
320  *
321  * @param json
322  * @return
323  */
324 function setShowData(res) {
325     for ( var key in res) {
326         var name = key;
327         if (res[key] != null && res[key] != "") {
328             $('#' + name).html(res[key]);
329         }
330     }
331 }
332 
333 /**
334  * 给页面input内容赋值
335  *
336  * @param json
337  * @return
338  */
339 function setInputData(res) {
340     for ( var key in res) {
341         var name = key;
342 //        alert("1=="+name+"&"+res[key]);
343         var value = res[key];
344         $('#' + name).val(value);
345     }
346 }
347 
348 /**
349  * 给页面的tree赋值
350  *
351  * @param json
352  * @return
353  */
354 function setTreeValue(treeName,treeValue){
355     $('#' + treeName+"_tree").attr("value",treeValue);
356 }
357 
358 /**
359  * 给页面img图片赋值
360  *
361  * @param key为要展示的span标签id
362  * @return
363  */
364 function setImgData(key,value) {
365     var item = '<img style="margin:5px 0px 0px 180px" width="200px" src="' + value + '" />';
366     $("#"+key).html(item);// 赋值img数据
367 }
368 
369 
370 /**
371  * 返回上一页
372  *
373  * @return
374  */
375 function backPage(){
376     history.go(-1);
377 }
378 
379 /**
380  * 弹出层不传c_type  跳转传c_type
381  */
382 function goBack(){
383     if(getQueryString("c_type")){
384         setTimeout('backPage();',500);
385     }else{
386         //列表刷新
387         queryData();
388         //关闭弹出窗口
389         $("#endBut").click();
390     }
391 }
392 
393 //刷新列表样式
394 function refreshListStyle(){
395     $("#mytable").find("tr:even").addClass("oushu");
396     $("#mytable").find("tr:odd").addClass("jishu");
397     $("#mytable").find("tr:odd td:first-child").addClass("jishu");
398 }
399 
400 // 给第一列高度
401 function firstTrHeight() {
402     for(var i = $(".mytable tr").length - 1; i >= 0; i--) {
403         var trht = $(".mytable tr")[i].offsetHeight
404         var domtr = $(".mytable tr")[i];
405         // 有30px的边距
406         $(domtr).children('td').height(trht - 30);
407         $(domtr).children('.firsttd').css('line-height', trht - 30 + 'px');
408     };
409 }
410 
411 
412 
413 
414 
415 //清除加载进度
416 function hangge(){
417     $("#jzts").hide();
418 }
419 
420 //显示加载进度
421 function jzts(){
422     $("#jzts").show();
423 }
424 //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp
425 function curWwwPath(){
426      var curWwwPath=window.document.location.href;
427      return curWwwPath;
428 }
429 
430 //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp
431 function pathName(){
432     //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp
433     var curWwwPath=window.document.location.href;
434     //获取主机地址之后的目录，如： uimcardprj/share/meun.jsp
435     var pathName=window.document.location.pathname;
436     return pathName;
437 }
438 
439 //获取主机地址，如： http://localhost:8083
440 function localhostPath(){
441     //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp
442     var curWwwPath=window.document.location.href;
443     //获取主机地址之后的目录，如： uimcardprj/share/meun.jsp
444     var pathName=window.document.location.pathname;
445     var pos=curWwwPath.indexOf(pathName);
446     //获取主机地址，如： http://localhost:8083
447     var localhostPaht=curWwwPath.substring(0,pos);
448     return localhostPaht;
449 }
450 
451 //获取带"/"的项目名，如：/uimcardprj
452 function getRootPath(){
453     //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp
454     var curWwwPath=window.document.location.href;
455     //获取主机地址之后的目录，如： uimcardprj/share/meun.jsp
456     var pathName=window.document.location.pathname;
457     var pos=curWwwPath.indexOf(pathName);
458     //获取主机地址，如： http://localhost:8083
459     var localhostPaht=curWwwPath.substring(0,pos);
460     //获取带"/"的项目名，如：/uimcardprj
461     var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
462     return(localhostPaht+projectName);
463 }
464 
465 
466 var domainName="http://www.zhubang99.cn/";
467 
468 function getDomainName(){
469     return "http://www.zhubang99.cn/";
470 }
471
posted on 2017-02-28 22:54  ☠☚㊙☛☠  阅读(2114)  评论(0)  编辑  收藏  举报
Copyright © 2024 ☠☚㊙☛☠
Powered by .NET 9.0 on Kubernetes Powered By: 博客园

Top
打赏

打赏

公众号

打
赏