jquery实现加载等待效果示例


Posted in Javascript onSeptember 25, 2013
var dates = this.options.form.getWidgetByName("dates").getValue(); 
$.ajax({ 
url: "http://127.0.0.1:9009/Brilliantzz/service/snproduct.do", 
data:dates, 
beforeSend:function() { 
var h = document.body.clientHeight; 
$("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:h}).appendTo("body"); 
$("<div class=\"datagrid-mask-msg\"></div>").html("正在上传生产数据,请稍候。。。").appendTo("body").css({display:"block", 
left:($(document.body).outerWidth(true) - 190) / 2, 
top:(h - 45) / 2}); }, 
complete:function(data) { 
$('.datagrid-mask-msg').remove(); 
$('.datagrid-mask').remove(); 
}, 
success: function(data) { 
alert("生产数据:"+data); 
}, 
error: function(data) { 
alert("上传生产数据异常!"); 
} 
});
Javascript 相关文章推荐
img onload事件绑定各浏览器均可执行
Dec 19 Javascript
Javascript 绘制 sin 曲线过程附图
Aug 21 Javascript
js中document.write的那点事
Dec 12 Javascript
JS获取各种宽度、高度的简单介绍
Dec 19 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
Aug 14 Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 Javascript
VUE实现日历组件功能
Mar 13 Javascript
详解使用React.memo()来优化函数组件的性能
Mar 19 Javascript
微信小程序中使用echarts的实现方法
Apr 24 Javascript
vue  elementUI 表单嵌套验证的实例代码
Nov 06 Javascript
angular组件间传值测试的方法详解
May 07 Javascript
Vue组件间数据传递的方式(3种)
Jul 13 Javascript
js的onload事件及初始化按钮事件示例代码
Sep 25 #Javascript
jquery实现table鼠标经过变色代码
Sep 25 #Javascript
js跨浏览器实现将字符串转化为xml对象的方法
Sep 25 #Javascript
仿百度的关键词匹配搜索示例
Sep 25 #Javascript
jquery 页面滚动到指定DIV实现代码
Sep 25 #Javascript
js实现两个值相加alert出来精确到指定位
Sep 25 #Javascript
Jquery判断$(&quot;#id&quot;)获取的对象是否存在的方法
Sep 25 #Javascript
You might like
德生PL450的电路分析和低放电路的改进办法
2021/03/02 无线电
分页显示Oracle数据库记录的类之一
2006/10/09 PHP
一个PHP的String类代码
2010/04/20 PHP
Zend Framework中的简单工厂模式 图文
2012/07/10 PHP
php获取网页请求状态程序示例
2014/06/17 PHP
PHP使用strtotime获取上个月、下个月、本月的日期
2015/12/30 PHP
php将文件夹打包成zip文件的简单实现方法
2016/10/04 PHP
php文件上传 你真的掌握了吗
2016/11/28 PHP
PHP中Laravel 关联查询返回错误id的解决方法
2017/04/01 PHP
JavaScript中合并数组的N种方法
2014/09/16 Javascript
浅析angularJS中的ui-router和ng-grid模块
2016/05/20 Javascript
JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)
2017/06/09 Javascript
简述Angular 5 快速入门
2017/11/04 Javascript
总结js中的一些兼容性易错的问题
2017/12/18 Javascript
vue 解决路由只变化参数页面组件不更新问题
2019/11/05 Javascript
如何使用Jquery动态生成二级选项列表
2020/02/06 jQuery
python调用cmd复制文件代码分享
2013/12/27 Python
python继承和抽象类的实现方法
2015/01/14 Python
在Python中编写数据库模块的教程
2015/04/29 Python
Django之模型层多表操作的实现
2019/01/08 Python
PyQt5图形界面播放音乐的实例
2019/06/17 Python
使用pandas的box_plot去除异常值
2019/12/10 Python
Python气泡提示与标签的实现
2020/04/01 Python
python 如何调用远程接口
2020/09/11 Python
纯HTML5+CSS3制作图片旋转
2016/01/12 HTML / CSS
荷兰街头时尚之家:Funkie House
2019/03/18 全球购物
工商管理实习生自我鉴定范文
2013/12/18 职场文书
2014年感恩母亲演讲稿
2014/05/27 职场文书
社区志愿者活动总结
2014/06/26 职场文书
党在我心中的演讲稿
2014/09/13 职场文书
受伤赔偿协议书
2014/09/24 职场文书
群众路线自我剖析范文
2014/11/04 职场文书
大学军训通讯稿(2016最新版)
2015/12/21 职场文书
幼儿教师师德培训心得体会
2016/01/09 职场文书
《鸡兔同笼》教学反思
2016/02/19 职场文书
学生会自荐信
2019/05/16 职场文书