Jquery easyui 下loaing效果示例代码


Posted in Javascript onAugust 12, 2013
//采用jquery easyui loading css效果 
function ajaxLoading(){ 
    $("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body"); 
    $("<div class=\"datagrid-mask-msg\"></div>").html("正在处理,请稍候。。。").appendTo("body").css({display:"block",left:($(document.body).outerWidth(true) - 190) / 2,top:($(window).height() - 45) / 2}); 
 } 
 function ajaxLoadEnd(){ 
     $(".datagrid-mask").remove(); 
     $(".datagrid-mask-msg").remove();             
} $.ajax({ 
type: 'POST', 
url: 'sendLettersAgain.action', 
data: {id:obj.id}, 
beforeSend:ajaxLoading,\\发送请求前打开进度条 
success: function(robj){ 
ajaxLoadEnd();\\任务执行成功,关闭进度条 
} 
});
Javascript 相关文章推荐
在多个页面使用同一个HTML片段的代码
Mar 04 Javascript
js关闭模态窗口刷新父页面或跳转页面
Dec 13 Javascript
Jquery 返回json数据在IE浏览器中提示下载的问题
May 18 Javascript
javascript中解析四则运算表达式的算法和示例
Aug 11 Javascript
JavaScript获取指定元素位置的方法
Apr 08 Javascript
Jquery中巧用Ajax的beforeSend方法
Jan 20 Javascript
JS中dom0级事件和dom2级事件的区别介绍
May 05 Javascript
Bootstrap Table 双击、单击行获取该行及全表内容
Aug 31 Javascript
说说如何在Vue.js中实现数字输入组件的方法
Jan 08 Javascript
jQuery ajax仿Google自动提示SearchSuggess功能示例
Mar 28 jQuery
JS使用百度地图API自动获取地址和经纬度操作示例
Apr 16 Javascript
详解Jest结合Vue-test-utils使用的初步实践
Jun 27 Javascript
多次注册事件会导致一个事件被触发多次的解决方法
Aug 12 #Javascript
JS获取图片实际宽高及根据图片大小进行自适应
Aug 11 #Javascript
Javascript合并表格中具有相同内容单元格示例
Aug 11 #Javascript
js获取php变量的实现代码
Aug 10 #Javascript
如何使用Jquery获取Form表单中被选中的radio值
Aug 09 #Javascript
jquery对象和DOM对象的区别介绍
Aug 09 #Javascript
SOSO地图JS画出标注和中心点以html形式运行
Aug 09 #Javascript
You might like
修改Zend引擎实现PHP源码加密的原理及实践
2008/04/14 PHP
Ajax+PHP 边学边练之四 表单
2009/11/27 PHP
PHP压缩html网页代码(清除空格,换行符,制表符,注释标记)
2012/04/02 PHP
php生成局部唯一识别码LUID的代码
2012/10/06 PHP
Mysql中分页查询的两个解决方法比较
2013/05/02 PHP
php生成二维码的几种方式整理及使用实例
2013/06/03 PHP
PHP 关于访问控制的和运算符优先级介绍
2013/07/08 PHP
php检查是否是ajax请求的方法
2015/04/16 PHP
php+ajax实现无刷新的新闻留言系统
2020/12/21 PHP
作为程序员必知的16个最佳PHP库
2015/12/09 PHP
php用户名的密码加密更安全的方法
2019/06/21 PHP
限制复选框的最大可选数
2006/07/01 Javascript
Ajax::prototype 源码解读
2007/01/22 Javascript
编写兼容IE和FireFox的脚本
2009/05/18 Javascript
jQuery中extend函数的实现原理详解
2015/02/03 Javascript
javascript计时器详解
2015/02/28 Javascript
Node.js实现数据推送
2016/04/14 Javascript
jQuery Checkbox 全选 反选的简单实例
2016/11/29 Javascript
详解基于Bootstrap+angular的一个豆瓣电影app
2017/06/26 Javascript
Vue组件开发技巧总结
2018/03/04 Javascript
Vue前端开发规范整理(推荐)
2018/04/23 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
2019/07/05 Javascript
[51:17]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python使用multiprocessing模块实现带回调函数的异步调用方法
2015/04/18 Python
深入浅出分析Python装饰器用法
2017/07/28 Python
ubuntu安装mysql pycharm sublime
2018/02/20 Python
python利用selenium进行浏览器爬虫
2019/04/25 Python
Python的matplotlib绘图如何修改背景颜色的实现
2019/07/16 Python
Python networkx包的实现
2020/02/14 Python
简单介绍HTML5中audio标签的使用
2015/09/24 HTML / CSS
食品安全承诺书
2014/05/22 职场文书
留守儿童工作方案
2014/06/02 职场文书
群众路线教育实践活动个人对照检查材料思想汇报(社区班子)
2014/10/06 职场文书
2019学子的答谢词范本!
2019/07/05 职场文书
详解Python小数据池和代码块缓存机制
2021/04/07 Python
SQL Server中的逻辑函数介绍
2022/05/25 SQL Server