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 面向对象(一)(共有方法,私有方法,特权方法)
May 23 Javascript
输入密码检测大写是否锁定js实现代码
Dec 03 Javascript
利用JQuery制作符合Web标准的QQ弹出消息
Jan 14 Javascript
javascript实现分栏显示小技巧附图
Oct 13 Javascript
点击页面任何位置隐藏div的实现方法
Sep 05 Javascript
Javascript+CSS3实现进度条效果
Oct 28 Javascript
bootstrap datetimepicker2.3.11时间插件使用
Nov 19 Javascript
js中toString()和String()区别详解
Mar 23 Javascript
easyUI下拉列表点击事件使用方法
May 18 Javascript
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
Sep 13 Javascript
Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码
May 18 Javascript
详解Vue项目的打包方式(生成dist文件)
Jan 18 Vue.js
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
咖啡常见的种类
2021/03/03 新手入门
用php+mysql一个名片库程序
2006/10/09 PHP
PHP5新特性: 更加面向对象化的PHP
2006/11/18 PHP
使用Composer安装Yii框架的方法
2016/03/15 PHP
php curl 模拟登录并获取数据实例详解
2016/12/22 PHP
javascript委托(Delegate)blur和focus用法实例分析
2015/05/26 Javascript
jQuery插件boxScroll实现图片轮播特效
2015/07/14 Javascript
javascript实现dom元素可拖动
2016/03/21 Javascript
阻止表单提交按钮多次提交的完美解决方法
2016/05/16 Javascript
移动端js图片查看器
2016/11/17 Javascript
JavaScript之Vue.js【入门基础】
2016/12/06 Javascript
详解angularJS+Ionic移动端图片上传的解决办法
2017/09/13 Javascript
vue 自定义全局方法,在组件里面的使用介绍
2018/02/28 Javascript
关于vue面试题汇总
2018/03/20 Javascript
vuejs前后端数据交互之从后端请求数据的实例
2018/08/11 Javascript
微信小程序实现点击空白隐藏的方法示例
2019/08/13 Javascript
JS代码检查工具ESLint介绍与使用方法
2020/02/04 Javascript
详解Python的Django框架中Manager方法的使用
2015/07/21 Python
python简单实现AES加密和解密
2019/03/28 Python
Django框架验证码用法实例分析
2019/05/10 Python
python二进制文件的转译详解
2019/07/03 Python
Python3+PyCharm+Django+Django REST framework配置与简单开发教程
2021/02/16 Python
CSS3 实现弹跳的小球动画
2020/10/26 HTML / CSS
基于HTML5实现类似微信手机摇一摇功能(计算摇动次数)
2017/07/24 HTML / CSS
英国在线汽车和面包车零件商店:Car Parts 4 Less
2018/08/15 全球购物
英国剑桥包中文官网:The Cambridge Satchel Company中国
2018/11/06 全球购物
用缩写的指针比较"if(p)" 检查空指针是否可靠?如果空指针的内部表达不是0会怎么样?
2014/01/05 面试题
Linux如何为某个操作添加别名
2013/03/01 面试题
国际商务系学生个人的自我评价
2013/11/26 职场文书
国培教师自我鉴定
2014/02/12 职场文书
大学军训感言1000字
2014/02/25 职场文书
研究生导师推荐信
2014/09/06 职场文书
2014党员批评和自我批评思想汇报
2014/09/21 职场文书
团队会宣传标语
2014/10/09 职场文书
2014年单位法制宣传日活动总结
2014/11/01 职场文书
我的中国梦心得体会范文
2016/01/05 职场文书