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 与NVelocity 产生冲突的解决方法
Jun 13 Javascript
用jquery实现点击栏目背景色改变
Dec 10 Javascript
JavaScript中访问节点对象的方法有哪些如何使用
Sep 24 Javascript
jquery实现非叠加式的搜索框提示效果
Jan 07 Javascript
JS实现在网页中弹出一个输入框的方法
Mar 03 Javascript
JavaScript中指定函数名称的相关方法
Jun 04 Javascript
JavaScript中的await/async的作用和用法
Oct 31 Javascript
Node.js 8 中的重要新特性
Jun 28 Javascript
详解ES7 Decorator 入门解析
Feb 18 Javascript
vue踩坑记录之数组定义和赋值问题
Mar 20 Javascript
vue 解除鼠标的监听事件的方法
Nov 13 Javascript
vue动态绑定style样式
Apr 20 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
星际初学者游戏中永远要做的事
2020/03/04 星际争霸
现磨咖啡骗局!现磨咖啡=新鲜咖啡?现磨咖啡背后的猫腻你不懂!
2019/03/28 冲泡冲煮
一些常用的php函数
2006/12/06 PHP
php获取POST数据的三种方法实例详解
2016/12/20 PHP
php类自动装载、链式操作、魔术方法实现代码
2017/07/23 PHP
PHP如何实现阿里云短信sdk灵活应用在项目中的方法
2019/06/14 PHP
javascript eval函数深入认识
2009/02/21 Javascript
jquery(hide方法)隐藏指定元素实例
2013/11/11 Javascript
基于jquery的手风琴图片展示效果实现方法
2014/12/16 Javascript
Jquery Ajax xmlhttp请求成功问题
2015/02/04 Javascript
js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
2015/08/26 Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
2016/04/26 Javascript
BootStrap入门教程(三)之响应式原理
2016/09/19 Javascript
flexslider.js实现移动端轮播
2017/02/05 Javascript
原生JS实现图片翻书效果
2017/02/16 Javascript
实例详解display:none与visible:hidden的区别
2017/03/30 Javascript
详解vue-cli3 中跨域解决方案
2019/04/10 Javascript
layui点击弹框页面 表单请求的方法
2019/09/21 Javascript
vue点击页面空白处实现保存功能
2019/11/06 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
2019/11/12 Javascript
swiper4实现移动端导航栏tab滑动切换
2020/10/16 Javascript
python和flask中返回JSON数据的方法
2018/03/26 Python
浅谈关于Python3中venv虚拟环境
2018/08/01 Python
详解Django中类视图使用装饰器的方式
2018/08/12 Python
python识别图像并提取文字的实现方法
2019/06/28 Python
pytorch dataloader 取batch_size时候出现bug的解决方式
2020/02/20 Python
scrapy-redis分布式爬虫的搭建过程(理论篇)
2020/09/29 Python
python获取命令行参数实例方法讲解
2020/11/02 Python
Pandas直接读取sql脚本的方法
2021/01/21 Python
详解appium自动化测试工具(monitor、uiautomatorviewer)
2021/01/27 Python
俄罗斯家居用品购物网站:Евродом
2020/11/21 全球购物
电信专业应届生自荐信
2013/09/28 职场文书
房地产销售员的自我评价分享
2013/12/04 职场文书
软件毕业生个人鉴定
2014/03/03 职场文书
品牌宣传方案
2014/03/21 职场文书
干部个人对照检查材料
2014/08/25 职场文书