注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

一车,一房,一个温暖家

10万左右的车,80平方的房子,这是我奋斗的暖暖的家

 
 
 

日志

 
 

【转载】ajax页面提交请求开始和结束操作js通用封装  

2015-06-18 17:19:44|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
01/******************************************************************************
02*
03* Filename:  Bll.cs
04* Description: 界面所用js代码
05* Author :  liangjw
06* Created Mark:  2013-09-02
07* E-mail: liangjw0504@163.com
08* Version:    V1.0.0.0
09* Company: : Copyright (C) 2011 Create Family Wealth Power By Peter All Rights Reserved
10* Remark: 无
11* Update Author:   无
12* Update Description: 无
13* Update Mark : 无
14*
15*******************************************************************************/
16 
17//禁止提交按钮多次提交
18$(function () {
19    $('form').on('submit'function () {
20        showLoading();
21    });
22});
23 
24//禁止ajax执行过程中页面的其他操作
25$(document).ajaxStart(function () {
26    showLoading();
27}).ajaxStop(function () {
28    hideLoading();
29});
30 
31//ajax请求开始显示进度窗体
32function showLoading() {
33    var background = $("<div id=\"loading_div\" style=\"z-index: 999998; position: fixed; left: 0px; top: 0px; width: 100%; background-color:#ffffff; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;\"></div>");
34    var div = $("<div id=\"loading_pic\" style=\"z-index: 999999; position: fixed; height: 60px; width: 100%; text-align:center;\"><img src=\"../Images/loading.gif\" /></div>");
35    $(document.body).append(div);
36    $(document.body).append(background);
37    background.height($(window).height());
38    div.css({ top: (background.outerHeight() - div.outerHeight()) / 2 + "px" });
39}
40 
41//ajax请求结束显示进度窗体
42function hideLoading() {
43    $("#loading_div", document.body).remove();
44    $("#loading_pic", document.body).remove();
45}

  评论这张
 
阅读(3)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018