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代码
Dec 01 Javascript
ASP小贴士/ASP Tips javascript tips可以当桌面
Dec 10 Javascript
jQuery中html()方法用法实例
Dec 25 Javascript
javascript实现一个数值加法函数
Jun 26 Javascript
javascript html5 canvas实现可拖动省份的中国地图
Mar 11 Javascript
javascript 中的事件委托详解
Oct 25 Javascript
浅谈jquery选择器 :first与:first-child的区别
Nov 20 Javascript
vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
Aug 04 Javascript
JS基于递归实现网页版计算器的方法分析
Dec 20 Javascript
Vue-input框checkbox强制刷新问题
Apr 18 Javascript
ES6顶层对象、global对象实例分析
Jun 14 Javascript
js实现文字头像的生成代码
Mar 07 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 jq jquery getJSON跨域提交数据完整版
2013/09/13 PHP
ThinkPHP基本的增删查改操作实例教程
2014/08/22 PHP
PHP可变函数学习小结
2015/11/29 PHP
深入理解Javascript闭包 新手版
2010/12/28 Javascript
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
2011/03/28 Javascript
将HTMLCollection/NodeList/伪数组转换成数组的实现方法
2011/06/20 Javascript
jquery 年会抽奖程序
2011/12/22 Javascript
jQuery 无刷新分页实例代码
2013/11/12 Javascript
JavaScript获取flash对象与网上的有所不同
2014/04/21 Javascript
JSON.stringify转换JSON时日期时间不准确的解决方法
2014/08/08 Javascript
Javascript快速排序算法详解
2014/12/03 Javascript
angularjs在ng-repeat中使用ng-model遇到的问题
2016/01/21 Javascript
实例讲解JavaScript中instanceof运算符的用法
2016/06/08 Javascript
微信小程序 获取相册照片实例详解
2016/11/16 Javascript
[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码
2016/12/20 Javascript
nodejs利用http模块实现银行卡所属银行查询和骚扰电话验证示例
2016/12/30 NodeJs
详解angular用$sce服务来过滤HTML标签
2017/04/11 Javascript
利用Vue v-model实现一个自定义的表单组件
2017/04/27 Javascript
获取url中用&amp;隔开的参数实例(分享)
2017/05/28 Javascript
vue实现点击展开点击收起效果
2018/04/27 Javascript
Vue  webpack 项目自动打包压缩成zip文件的方法
2019/07/24 Javascript
vue 路由子组件created和mounted不起作用的解决方法
2019/11/05 Javascript
Python3基础之基本数据类型概述
2014/08/13 Python
Python给图像添加噪声具体操作
2019/03/03 Python
基于Python获取城市近7天天气预报
2019/11/26 Python
Python内置异常类型全面汇总
2020/05/28 Python
详解Pandas 处理缺失值指令大全
2020/07/30 Python
Python配置pip国内镜像源的实现
2020/08/20 Python
python单元测试框架pytest的使用示例
2020/10/07 Python
用css3实现当鼠标移进去时当前亮其他变灰效果
2014/04/08 HTML / CSS
Foot Locker意大利官网:全球领先的运动鞋和服装零售商
2017/05/30 全球购物
《登鹳雀楼》教学反思
2014/04/09 职场文书
闪闪的红星观后感
2015/06/08 职场文书
SqlServer 垂直分表(减少程序改动)
2021/04/16 SQL Server
Vue实现导入Excel功能步骤详解
2021/07/03 Vue.js
mysql的单列多值存储实例详解
2022/04/05 MySQL