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的面向对象(二)
Nov 09 Javascript
js 与或运算符 || &amp;&amp; 妙用
Dec 09 Javascript
详解Javascript 装载和执行
Nov 17 Javascript
JS上传图片预览插件制作(兼容到IE6)
Aug 07 Javascript
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
Angular实现双向折叠列表组件的示例代码
Nov 21 Javascript
Dropify.js图片宽高自适应的方法
Nov 27 Javascript
微信小程序实现图片懒加载的示例代码
Dec 13 Javascript
web前端vue之vuex单独一文件使用方式实例详解
Jan 11 Javascript
解决VUE中document.body.scrollTop为0的问题
Sep 15 Javascript
vue使用Google地图的实现示例代码
Dec 19 Javascript
vue实现简易计算器功能
Jan 20 Vue.js
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
千呼万唤始出来,DOTA2勇士令状不朽宝藏Ⅱ现已推出
2020/08/25 DOTA
php后台多用户权限组思路与实现程序代码分享
2012/02/13 PHP
PHP下使用CURL方式POST数据至API接口的代码
2013/02/14 PHP
探讨PHP中this,self,parent的区别详解
2013/06/08 PHP
PHP中date与gmdate的区别及默认时区设置
2014/05/12 PHP
PHP实现对二维数组某个键排序的方法
2016/09/14 PHP
PHP调用QQ互联接口实现QQ登录网站功能示例
2019/10/24 PHP
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索,与解决方案!
2011/10/29 Javascript
JavaScript中的对象与JSON
2015/07/03 Javascript
jQuery实现获取table表格第一列值的方法
2016/03/01 Javascript
纯js实现手风琴效果
2020/04/17 Javascript
js实现目录链接,内容跟着目录滚动显示的简单实例
2016/10/15 Javascript
微信小程序 教程之wxapp视图容器 swiper
2016/10/19 Javascript
JQuery.validationEngine表单验证插件(推荐)
2016/12/10 Javascript
Vue.js通用应用框架-Nuxt.js的上手教程
2017/12/25 Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
2018/04/27 jQuery
vue-router路由懒加载的实现(解决vue项目首次加载慢)
2018/08/28 Javascript
js实现搜索栏效果
2018/11/16 Javascript
Javascript读取上传文件内容/类型/字节数
2019/04/30 Javascript
Vue CLI2升级至Vue CLI3的方法步骤
2019/05/20 Javascript
javascript解析json格式的数据方法详解
2020/08/07 Javascript
Vue 3.0中jsx语法的使用
2020/11/13 Javascript
[15:56]Heroes18_暗影萨满(完美)
2014/10/31 DOTA
selenium使用chrome浏览器测试(附chromedriver与chrome的对应关系表)
2018/11/29 Python
Django CBV与FBV原理及实例详解
2019/08/12 Python
python创建与遍历List二维列表的方法
2019/08/16 Python
pygame实现打字游戏
2021/02/19 Python
python range实例用法分享
2020/02/06 Python
Laura Mercier官网:彩妆大师罗拉玛斯亚的化妆品牌
2018/01/04 全球购物
标记环介质访问控制协议
2016/03/27 面试题
致跳远、跳高运动员广播稿
2014/01/09 职场文书
《美丽的南沙群岛》教学反思
2014/04/27 职场文书
保护环境演讲稿
2014/05/10 职场文书
环保倡议书格式范文
2014/05/14 职场文书
2014年全国法制宣传日宣传活动方案
2014/11/02 职场文书
员工手册编写范本
2015/05/14 职场文书