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 相关文章推荐
用JavaScript显示随机图像或引用
Apr 21 Javascript
javascript中call和apply方法浅谈
Sep 27 Javascript
node.js中watch机制详解
Nov 17 Javascript
javascript中HTMLDOM操作详解
Dec 11 Javascript
B/S(Web)实时通讯解决方案分享
Apr 06 Javascript
JavaScript字符串检索字符的方法
Jun 23 Javascript
BootStrap自定义popover,点击区域隐藏功能的实现
Jan 23 Javascript
react-native-video实现视频全屏播放的方法
Mar 19 Javascript
JavaScript数组基于交换的排序示例【冒泡排序】
Jul 21 Javascript
详解nvm管理多版本node踩坑
Jul 26 Javascript
koa-passport实现本地验证的方法示例
Feb 20 Javascript
js实现时钟定时器
Mar 26 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
JavaScript 创建对象
2009/07/17 Javascript
控制input输入框中提示信息的显示和隐藏的方法
2014/02/12 Javascript
js调试系列 断点与动态调试[基础篇]
2014/06/18 Javascript
IE下通过a实现location.href 获取referer的值
2014/09/04 Javascript
深入理解JavaScript系列(27):设计模式之建造者模式详解
2015/03/03 Javascript
使用AngularJS制作一个简单的RSS阅读器的教程
2015/06/18 Javascript
JS实现带有抽屉效果的产品类网站多级导航菜单代码
2015/09/15 Javascript
浅谈js多维数组和hash数组定义和使用
2016/07/27 Javascript
JS中showModalDialog关闭子窗口刷新主窗口用法详解
2017/03/25 Javascript
详细AngularJs4的图片剪裁组件的实例
2017/07/12 Javascript
AngualrJs清除定时器遇到的坑
2017/10/13 Javascript
让axios发送表单请求形式的键值对post数据的实例
2018/08/11 Javascript
详解nodejs 开发企业微信第三方应用入门教程
2019/03/12 NodeJs
详解wepy开发小程序踩过的坑(小结)
2019/05/22 Javascript
js 实现 list转换成tree的方法示例(数组到树)
2019/08/18 Javascript
通过Kettle自定义jar包供javascript使用
2020/01/29 Javascript
[01:27:30]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
学习python 之编写简单乘法运算题
2016/02/27 Python
Python利用Beautiful Soup模块搜索内容详解
2017/03/29 Python
Python爬虫实现百度图片自动下载
2018/02/04 Python
Keras 快速解决OOM超内存的问题
2020/06/11 Python
Python操作dict时避免出现KeyError的几种解决方法
2020/09/20 Python
纯css3实现的竖形无限级导航
2014/12/10 HTML / CSS
详解HTML5.2版本带来的修改
2020/05/06 HTML / CSS
新秀丽官方旗舰店:Samsonite拉杆箱、双肩包、皮具
2018/03/05 全球购物
编程实现当输入某产品代码则打印出该产品记录的功能
2014/05/03 面试题
Linux面试经常问的文件系统操作命令
2016/10/04 面试题
酒店副总岗位职责
2013/12/24 职场文书
外贸采购员岗位职责
2014/03/08 职场文书
阳光体育活动总结
2014/04/30 职场文书
优秀班组长事迹
2014/05/31 职场文书
房屋租赁合同补充协议
2014/10/11 职场文书
纪念建国70周年演讲稿
2019/07/19 职场文书
Java移除无效括号的方法实现
2021/08/07 Java/Android
在 HTML 页面中使用 React的场景分析
2022/01/18 Javascript
mongoDB数据库索引快速入门指南
2022/03/23 MongoDB