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 基础篇之运算符、语句(二)
Apr 07 Javascript
ParseInt函数参数设置介绍
Jan 02 Javascript
深入分析JSONP跨域的原理
Dec 10 Javascript
JavaScript自定义数组排序方法
Feb 12 Javascript
jquery实现右键菜单插件
Mar 29 Javascript
非常棒的jQuery图片轮播效果
Apr 17 Javascript
Highcharts 多个Y轴动态刷新数据的实现代码
May 28 Javascript
Bootstrap表单Form全面解析
Jun 13 Javascript
Vue.js 事件修饰符的使用教程
Nov 01 Javascript
微信小程序开发之map地图组件定位并手动修改位置偏差
Aug 17 Javascript
JavaScript实现轮播图效果代码实例
Sep 28 Javascript
JS实现动态星空背景效果
Nov 01 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
人族 Terran 基本策略
2020/03/14 星际争霸
[转帖]PHP世纪万年历
2006/12/06 PHP
克隆一个新项目的快捷方式
2013/04/10 PHP
基于php实现随机合并数组并排序(原排序)
2015/11/26 PHP
PHP多线程模拟实现秒杀抢单
2018/02/07 PHP
javascript之bind使用介绍
2011/10/09 Javascript
jquery实现炫酷的叠加层自动切换特效
2015/02/01 Javascript
JS实现网站菜单拖拽移位效果的方法
2015/09/24 Javascript
js弹出窗口返回值的简单实例
2016/05/28 Javascript
js判断请求的url是否可访问,支持跨域判断的实现方法
2016/09/17 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
2017/04/27 jQuery
nodejs socket实现的服务端和客户端功能示例
2017/06/02 NodeJs
vue拦截器实现统一token,并兼容IE9验证功能
2018/04/26 Javascript
解决koa2 ctx.render is not a function报错问题
2018/08/07 Javascript
js中对象和面向对象与Json介绍
2019/01/21 Javascript
Vue 实现一个命令式弹窗组件功能
2019/09/25 Javascript
关于vue 项目中浏览器跨域的配置问题
2020/11/10 Javascript
[03:37]2015国际邀请赛第四日现场精彩集锦
2015/08/08 DOTA
python如何拆分含有多种分隔符的字符串
2018/03/20 Python
Python Opencv任意形状目标检测并绘制框图
2019/07/23 Python
深入学习python多线程与GIL
2019/08/26 Python
python爬虫多次请求超时的几种重试方法(6种)
2020/12/01 Python
python爬取代理ip的示例
2020/12/18 Python
利用CSS3动画实现圆圈由小变大向外扩散的效果实例
2018/09/10 HTML / CSS
英国在线汽车和面包车零件商店:Car Parts 4 Less
2018/08/15 全球购物
澳大利亚便宜隐形眼镜购买网站:QUICKLENS Australia
2018/10/06 全球购物
Converse匡威法国官网:美国著名帆布鞋品牌
2018/12/05 全球购物
莫斯科高科技在线商店:KremlinStore
2019/03/13 全球购物
小学安全教育材料
2014/02/17 职场文书
班主任寄语2015
2015/02/26 职场文书
放牛班的春天观后感
2015/06/01 职场文书
党小组意见范文
2015/06/08 职场文书
我的法兰西岁月观后感
2015/06/09 职场文书
2015年工会工作总结范文
2015/07/23 职场文书
2019数学教师下学期工作总结
2019/06/27 职场文书
python pyhs2 的安装操作
2021/04/07 Python