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 相关文章推荐
js bind 函数 使用闭包保存执行上下文
Dec 26 Javascript
js中的replace方法使用介绍
Oct 28 Javascript
php+js实现倒计时功能
Jun 02 Javascript
jQuery构造函数init参数分析
May 13 Javascript
jQuery实现点击按钮文字变成input框点击保存变成文字
May 09 Javascript
Jquery获取第一个子元素简单实例
Jun 02 Javascript
js实现千分符和保留几位小数的简单实例
Aug 01 Javascript
基于javascript实现按圆形排列DIV元素(一)
Dec 02 Javascript
javaScript基础详解
Jan 19 Javascript
canvas实现简易的圆环进度条效果
Feb 28 Javascript
angularjs实现搜索的关键字在正文中高亮出来
Jun 13 Javascript
JS实现按钮添加背景音乐示例代码
Oct 17 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
PHP中ob_start函数的使用说明
2013/11/11 PHP
php输出控制函数和输出函数生成静态页面
2019/06/27 PHP
彻底搞懂JS无缝滚动代码
2007/01/03 Javascript
javascript 拖放效果实现代码
2010/01/22 Javascript
指定位置如果有图片显示图片,无图片显示广告的JS
2010/06/05 Javascript
JavaScript Scoping and Hoisting 翻译
2012/07/03 Javascript
javascrpt绑定事件之匿名函数无法解除绑定问题
2012/12/06 Javascript
jQuery 无刷新分页实例代码
2013/11/12 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
2015/03/17 Javascript
浅谈JavaScript中的string拥有方法的原因
2015/08/28 Javascript
JavaScript关于提高网站性能的几点建议(一)
2016/07/24 Javascript
解析Vue2 dist 目录下各个文件的区别
2017/11/22 Javascript
ng-alain表单使用方式详解
2018/07/10 Javascript
基于JavaScript canvas绘制贝塞尔曲线
2018/12/25 Javascript
vue-router实现编程式导航的代码实例
2019/01/19 Javascript
详解vue 在移动端体验上的优化解决方案
2019/05/20 Javascript
js 根据对象数组中的属性进行排序实现代码
2019/09/12 Javascript
JS组件库AlloyTouch实现图片轮播过程解析
2020/05/29 Javascript
[01:09:10]NB vs Liquid Supermajor小组赛 A组胜者组决赛 BO3 第一场 6.2
2018/06/04 DOTA
浅谈flask源码之请求过程
2018/07/26 Python
python 对多个csv文件分别进行处理的方法
2019/01/07 Python
python实现逻辑回归的示例
2020/10/09 Python
python 下载m3u8视频的示例代码
2020/11/11 Python
python脚本使用阿里云slb对恶意攻击进行封堵的实现
2021/02/04 Python
使用CSS3编写类似iOS中的复选框及带开关的按钮
2016/04/11 HTML / CSS
Agoda台湾官网:国内外订房2折起
2018/03/20 全球购物
Travelstart沙特阿拉伯:廉价航班、豪华酒店和实惠的汽车租赁优惠
2019/04/06 全球购物
中国制造网:Made-in-China.com
2019/10/25 全球购物
实体的生命周期
2013/08/31 面试题
5个HTML5的常用本地存储方式详解与介绍
2021/03/27 HTML / CSS
大学本科毕业生求职简历的自我评价
2013/10/09 职场文书
组织关系转移介绍信
2014/01/16 职场文书
文化活动实施方案
2014/03/28 职场文书
在职证明书模板
2015/06/15 职场文书
女方家长婚礼致辞
2015/07/27 职场文书
简历自我评价范文
2019/04/24 职场文书