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 日期验证正则附asp日期格式化函数
Sep 11 Javascript
JavaScript遍历table表格中的某行某列并打印其值
Jul 08 Javascript
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
Mar 13 Javascript
JavaScript的for循环中嵌套一个点击事件的问题解决
Mar 03 Javascript
详解angularJs指令的3种绑定策略
Apr 13 Javascript
vue地区选择组件教程详解
May 04 Javascript
node.js实现微信开发之获取用户授权
Mar 18 Javascript
node实现简单的增删改查接口实例代码
Aug 22 Javascript
Angular8引入百度Echarts进行图表分析的实现代码
Nov 27 Javascript
JavaScript 实现自己的安卓手机自动化工具脚本(推荐)
May 13 Javascript
详解Vue.js3.0 组件是如何渲染为DOM的
Nov 10 Javascript
Vue Mint UI mt-swipe的使用方式
Jun 05 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在线生成ico文件的代码
2007/10/09 PHP
关于尾递归的使用详解
2013/05/02 PHP
解析MySql与Java的时间类型
2013/06/22 PHP
PHP生成自定义长度随机字符串的函数分享
2014/05/04 PHP
php打包网站并在线压缩为zip
2016/02/13 PHP
php实现图片按比例截取的方法
2017/02/06 PHP
去除链接虚线全面分析总结
2006/08/15 Javascript
JavaScript中关于indexOf的使用方法与问题小结
2010/08/05 Javascript
基于javascript代码实现通过点击图片显示原图片
2015/11/29 Javascript
对Angular.js Controller如何进行单元测试
2016/10/25 Javascript
JavaScript订单操作小程序完整版
2017/06/23 Javascript
nodejs中sleep功能实现暂停几秒的方法
2017/07/12 NodeJs
vue实现axios图片上传功能
2019/08/20 Javascript
VUE.js实现动态设置输入框disabled属性
2019/10/28 Javascript
jquery制作的移动端购物车效果完整示例
2020/02/24 jQuery
Python获取单个程序CPU使用情况趋势图
2015/03/10 Python
Python中的filter()函数的用法
2015/04/27 Python
python妙用之编码的转换详解
2017/04/21 Python
解决Django模板无法使用perms变量问题的方法
2017/09/10 Python
Python中类的初始化特殊方法
2017/12/01 Python
如何优雅地改进Django中的模板碎片缓存详解
2018/07/04 Python
python 将对象设置为可迭代的两种实现方法
2019/01/21 Python
python3反转字符串的3种方法(小结)
2019/11/07 Python
解决python调用自己文件函数/执行函数找不到包问题
2020/06/01 Python
Python selenium环境搭建实现过程解析
2020/09/08 Python
纯CSS3制作的鼠标悬停时边框旋转
2017/01/03 HTML / CSS
特罗佩亚包官方网站:Tropea
2017/01/03 全球购物
英国在线滑雪板和冲浪商店:The Board Basement
2020/01/11 全球购物
美德好少年事迹材料
2014/01/19 职场文书
宣传标语大全
2014/07/01 职场文书
批评与自我批评总结
2014/10/17 职场文书
兵马俑的导游词
2015/02/02 职场文书
关于拾金不昧的感谢信(五篇)
2019/10/18 职场文书
Java内存模型之happens-before概念详解
2021/06/13 Java/Android
PyTorch中permute的使用方法
2022/04/26 Python
Go语言怎么使用变长参数函数
2022/07/15 Golang