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 相关文章推荐
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
Jun 18 Javascript
瀑布流布局代码一例
Apr 11 Javascript
node.js中的fs.rmdirSync方法使用说明
Dec 16 Javascript
js鼠标点击图片实现随机变换图片的方法
Feb 16 Javascript
JavaScript中操作字符串之localeCompare()方法的使用
Jun 06 Javascript
JavaScript随机生成颜色的方法
Oct 15 Javascript
js文件中直接alert()中文出来的是乱码的解决方法
Nov 01 Javascript
关于javascript事件响应的基础语法总结(必看篇)
Dec 26 Javascript
vue组件Prop传递数据的实现示例
Aug 17 Javascript
小程序中this.setData的使用和注意事项
Aug 28 Javascript
vue 使用外部JS与调用原生API操作示例
Dec 02 Javascript
Vue项目利用axios请求接口下载excel
Nov 17 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
PHP开发负载均衡指南
2010/07/17 PHP
PHP递归返回值时出现的问题解决办法
2013/02/19 PHP
PHP中Enum(枚举)用法实例详解
2015/12/07 PHP
简单谈谈php浮点数精确运算
2016/03/10 PHP
浅谈php中的访问修饰符private、protected、public的作用范围
2016/11/20 PHP
Jquery知识点三 jquery表单对象操作
2011/01/17 Javascript
JavaScript通过正则表达式实现表单验证电话号码
2014/03/07 Javascript
javascript实现分栏显示小技巧附图
2014/10/13 Javascript
Jquery日期选择datepicker插件用法实例分析
2015/06/08 Javascript
javascript封装 Cookie 应用接口
2015/08/07 Javascript
jQuery EasyUI提交表单验证
2016/07/19 Javascript
AngularJS过滤器filter用法实例分析
2016/11/04 Javascript
js常用DOM方法详解
2017/02/04 Javascript
vue2.0 实现导航守卫的具体用法(路由守卫)
2018/05/17 Javascript
js实现购物车功能
2018/06/12 Javascript
简单实现节流函数和防抖函数过程解析
2019/10/08 Javascript
纯js+css实现仿移动端淘宝网站的弹出详情框功能
2019/12/29 Javascript
使用Webpack 搭建 Vue3 开发环境过程详解
2020/07/28 Javascript
JavaScript代码模拟鼠标自动点击事件示例
2020/08/07 Javascript
vue循环中点击选中再点击取消(单选)的实现
2020/09/10 Javascript
[01:18:43]2014 DOTA2华西杯精英邀请赛5 24 iG VS DK
2014/05/25 DOTA
[43:18]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.22
2019/09/05 DOTA
python3.0 字典key排序
2008/12/24 Python
python共享引用(多个变量引用)示例代码
2013/12/04 Python
python编程通过蒙特卡洛法计算定积分详解
2017/12/13 Python
mvc框架打造笔记之wsgi协议的优缺点以及接口实现
2018/08/01 Python
pytorch中 gpu与gpu、gpu与cpu 在load时相互转化操作
2020/05/25 Python
python属于软件吗
2020/06/18 Python
python爬虫数据保存到mongoDB的实例方法
2020/07/28 Python
详解用python -m http.server搭一个简易的本地局域网
2020/09/24 Python
GNC健安喜美国官网:美国第一营养品牌
2016/07/22 全球购物
如何实现一个自定义类的序列化
2012/05/22 面试题
请解释接口的显式实现有什么意义
2012/05/26 面试题
珠宝的促销活动方案
2014/08/31 职场文书
就业协议书盖章的注意事项
2014/09/28 职场文书
科技活动周标语
2014/10/08 职场文书