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 相关文章推荐
拖动Html元素集合 Drag and Drop any item
Dec 22 Javascript
用方法封装javascript的new操作符(一)
Dec 25 Javascript
TimergliderJS 一个基于jQuery的时间轴插件
Dec 07 Javascript
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
Jan 13 Javascript
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
Mar 14 Javascript
js实现的动画导航菜单效果代码
Sep 10 Javascript
js小数运算出现多位小数如何解决
Oct 08 Javascript
AngularJS自定义指令实现面包屑功能完整实例
May 17 Javascript
vue使用vue-cli快速创建工程
Jul 28 Javascript
JavaScript实现单图片上传并预览功能
Sep 30 Javascript
浅谈vant组件Picker 选择器选单选问题
Nov 04 Javascript
Typescript类型系统FLOW静态检查基本规范
May 25 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
dedecms模板标签代码官方参考
2007/03/17 PHP
php数据库配置文件一般做法分享
2012/07/07 PHP
PhpStorm2020.1 安装 debug - Postman 调用的详细教程
2020/08/17 PHP
js no-repeat写法 背景不重复
2009/03/18 Javascript
Jquery Ajax的Get方式时需要注意URL地方
2011/04/07 Javascript
Javascript模块化编程(三)require.js的用法及功能介绍
2013/01/17 Javascript
用jQuery实现一些导航条切换,显示隐藏的实例代码
2013/06/08 Javascript
分享Javascript中最常用的55个经典小技巧
2013/11/29 Javascript
jquery中的on方法使用介绍
2013/12/29 Javascript
JS中的数组的sort方法使用示例
2014/01/22 Javascript
浅谈类似于(function(){}).call()的js语句
2015/03/30 Javascript
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
2015/10/14 Javascript
jQuery上传多张图片带进度条样式(DEMO)
2017/03/02 Javascript
Vue动态组件实例解析
2017/08/20 Javascript
JS实现导出Excel的五种方法详解【附源码下载】
2018/03/15 Javascript
使用jquery Ajax实现上传附件功能
2018/10/23 jQuery
微信小程序--特定区域滚动到顶部时固定的方法
2019/04/28 Javascript
原生JS实现列表内容自动向上滚动效果
2019/05/22 Javascript
深入了解js原型模式
2019/05/30 Javascript
vue组件暴露和.js文件暴露接口操作
2020/08/11 Javascript
如何在现代JavaScript中编写异步任务
2021/01/31 Javascript
Python中的字符串类型基本知识学习教程
2016/02/04 Python
python变量不能以数字打头详解
2016/07/06 Python
python微信公众号之关键词自动回复
2018/06/15 Python
利用Django-environ如何区分不同环境
2018/08/26 Python
python2 与 pyhton3的输入语句写法小结
2018/09/10 Python
python 调用有道api接口的方法
2019/01/03 Python
Python数据结构与算法(几种排序)小结
2019/06/22 Python
Python 的字典(Dict)是如何存储的
2019/07/05 Python
python实现键盘输入的实操方法
2019/07/16 Python
Python PO设计模式的具体使用
2019/08/16 Python
关于Python核心框架tornado的异步协程的2种方法详解
2019/08/28 Python
基于canvas的骨骼动画的示例代码
2018/06/12 HTML / CSS
美国时尚大码女装购物网站:Avenue
2019/05/24 全球购物
户外拓展活动方案
2014/02/11 职场文书
Nginx的反向代理实例详解
2021/03/31 Servers