jquery.blockUI.js上传滚动等待效果实现思路及代码


Posted in Javascript onMarch 18, 2013

请求的url:

function request(url, onSuccess, paras, method, isAsync, isMask) { 
$.ajax({type:method,url:url,async:isAsync,data:paras,success:function(request){onSuccess(request,isMask);},error:function(e) {if(isMask) 
$('#div_mask').unblock();},beforeSend:function(e){if(isMask)$('#div_mask').block({message:'<img src="/ets/image/common/loadingCHS.gif"/>'});}}); 
}

ajax 中同步或者异步请求url时,当要响应返回的请求,这是有个等待过程的。
success:function(request){onSuccess(request,isMask);},error:function(e) {if(isMask)$('#div_mask').unblock();},beforeSend:function(e){if(isMask) 
$('#div_mask').block({message:'<img src="/ets/image/common/loadingCHS.gif"/>'});}

1、在这里success后面的是在成功返回响应后去掉的方法({onSuccess)。
2、error是错误的时候去调的方法(error:function(e) {if(isMask)$('#div_mask').unblock();})。unblock()是jquery.blockUI.js的方法,当出错的时候关掉滚动。
3、在后面beforeSend是在响应的时候发送数据,开始去调用的方法$('#div_mask').block({message:'<img src="/ets/image/common/loadingCHS.gif"/>'},
block是jquery.blockUI.js的方法,打开div进行滚动。
效果图:
jquery.blockUI.js上传滚动等待效果实现思路及代码
Javascript 相关文章推荐
在javascript中对于DOM的加强
Apr 11 Javascript
js仿黑客帝国字母掉落效果代码分享
Nov 08 Javascript
JQuery ztree 异步加载实例讲解
Feb 25 Javascript
jQuery实现Select下拉列表进行状态选择功能
Mar 30 jQuery
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
Apr 05 Javascript
jQuery遮罩层实例讲解
May 11 jQuery
JQuery EasyUI 结合ztrIee的后台页面开发实例
Sep 01 jQuery
node-sass安装失败的原因与解决方法
Sep 04 Javascript
使用JS实现气泡跟随鼠标移动的动画效果
Sep 16 Javascript
Layui多选只有最后一个值的解决方法
Sep 02 Javascript
javascript设计模式 ? 解释器模式原理与用法实例分析
Apr 17 Javascript
vue 解决provide和inject响应的问题
Nov 12 Javascript
jQuery用unbind方法去掉hover事件及其他方法介绍
Mar 18 #Javascript
JQuery的read函数与js的onload不同方式实现
Mar 18 #Javascript
js前台分页显示后端JAVA数据响应
Mar 18 #Javascript
侧栏跟随滚动的简单实现代码
Mar 18 #Javascript
JS特权方法定义作用以及与公有方法的区别
Mar 18 #Javascript
Javascript判断对象是否相等实现代码
Mar 18 #Javascript
jQuery+css实现图片滚动效果(附源码)
Mar 18 #Javascript
You might like
phpmyadmin操作流程
2006/10/09 PHP
flash用php连接数据库的代码
2011/04/21 PHP
你可能不知道PHP get_meta_tags()函数
2014/05/12 PHP
PHP下载远程图片并保存到本地方法总结
2016/01/22 PHP
PHP实现网页内容html标签补全和过滤的方法小结【2种方法】
2017/04/27 PHP
js中格式化日期时间型数据函数代码
2010/11/08 Javascript
jQuery创建插件的代码分析
2011/04/14 Javascript
IFrame跨域高度自适应实现代码
2012/08/16 Javascript
巧用局部变量提升javascript性能
2014/02/24 Javascript
通过隐藏iframe实现无刷新上传文件操作
2016/03/16 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
2016/05/31 Javascript
JavaScript提高网站性能优化的建议(二)
2016/07/24 Javascript
js数组常用操作方法小结(增加,删除,合并,分割等)
2016/08/02 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
2016/08/29 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
2017/01/04 Javascript
详解微信小程序设置底部导航栏目方法
2017/06/29 Javascript
Angular入口组件(entry component)与声明式组件的区别详解
2018/04/09 Javascript
angularJs复选框checkbox选中进行ng-show显示隐藏的方法
2018/10/08 Javascript
微信小程序云开发实现云数据库读写权限
2019/05/17 Javascript
javascript实现异形滚动轮播
2019/11/28 Javascript
一篇文章带你浅入webpack的DLL优化打包
2020/02/20 Javascript
Vue elementui字体图标显示问题解决方案
2020/08/18 Javascript
Python的函数的一些高阶特性
2015/04/27 Python
Python检测一个对象是否为字符串类的方法
2015/05/21 Python
python学生管理系统代码实现
2020/04/05 Python
python面向对象入门教程之从代码复用开始(一)
2018/12/11 Python
Python Gitlab Api 使用方法
2019/08/28 Python
python编写猜数字小游戏
2019/10/06 Python
Python单元测试与测试用例简析
2019/11/09 Python
Pandas直接读取sql脚本的方法
2021/01/21 Python
个人简历自我评价范文
2014/02/04 职场文书
清明节网上祭英烈活动总结
2014/04/30 职场文书
城管执法人员纪律作风整顿思想汇报
2014/09/13 职场文书
班主任高考寄语
2015/02/26 职场文书
Feign调用全局异常处理解决方案
2021/06/24 Java/Android
【js设计模式】SOLID五大设计原则
2022/03/24 Javascript