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 相关文章推荐
use jscript Create a SQL Server database
Jun 16 Javascript
javascript 获取所有id中包含某关键字的控件的实现代码
Nov 25 Javascript
JavaScript通过字典进行字符串翻译转换的方法
Mar 19 Javascript
AngularJs学习第八篇 过滤器filter创建
Jun 08 Javascript
angular2中Http请求原理与用法详解
Jan 11 Javascript
Vue iview-admin框架二级菜单改为三级菜单的方法
Jul 03 Javascript
JS 实现获取验证码 倒计时功能
Oct 29 Javascript
Vue常用的几个指令附完整案例
Nov 06 Javascript
关于在LayUI中使用AJAX提交巨坑记录
Oct 25 Javascript
从源码角度来回答keep-alive组件的缓存原理
Jan 18 Javascript
如何在vue 中使用柱状图 并自修改配置
Jan 21 Vue.js
Vue鼠标滚轮滚动切换路由效果的实现方法
Aug 04 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 禁止页面缓存输出
2009/01/07 PHP
typecho插件编写教程(三):保存配置
2015/05/28 PHP
PHP通过串口实现发送短信
2015/07/08 PHP
轻松掌握php设计模式之访问者模式
2016/09/23 PHP
php版微信公众平台实现预约提交后发送email的方法
2016/09/26 PHP
TP5框架实现一次选择多张图片并预览的方法示例
2020/04/04 PHP
类之Prototype.js学习
2007/06/13 Javascript
jquery tools 系列 scrollable学习
2009/09/06 Javascript
JQuery循环滚动图片代码
2011/12/08 Javascript
jquery图形密码实现方法
2015/03/11 Javascript
jQuery实现菜单式图片滑动切换
2015/03/14 Javascript
Backbone.js 0.9.2 源码注释中文翻译版
2015/06/25 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
2016/08/28 Javascript
Es6 写的文件import 起来解决方案详解
2016/12/13 Javascript
vue将单页面改造成多页面应用的方法
2018/11/25 Javascript
node.js使用zlib模块进行数据压缩和解压操作示例
2020/02/12 Javascript
Element Tooltip 文字提示的使用示例
2020/07/26 Javascript
WebStorm中如何将自己的代码上传到github示例详解
2020/10/28 Javascript
[01:02:02]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第二局
2016/02/25 DOTA
[01:28:44]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第一场 1月10日
2021/03/11 DOTA
在Django的form中使用CSS进行设计的方法
2015/07/18 Python
python实战之实现excel读取、统计、写入的示例讲解
2018/05/02 Python
python使用numpy读取、保存txt数据的实例
2018/10/14 Python
Python  Django 母版和继承解析
2019/08/09 Python
python爬虫 爬取超清壁纸代码实例
2019/08/16 Python
基于keras 模型、结构、权重保存的实现
2020/01/24 Python
Python编程快速上手——疯狂填词程序实现方法分析
2020/02/29 Python
在tensorflow以及keras安装目录查询操作(windows下)
2020/06/19 Python
详解Python高阶函数
2020/08/15 Python
python语言实现贪吃蛇游戏
2020/11/13 Python
python try...finally...的实现方法
2020/11/25 Python
CSS3地图动态实例代码(圆圈向外扩散)
2018/06/15 HTML / CSS
全球速卖通西班牙站:AliExpress西班牙
2017/10/30 全球购物
奶茶店创业计划书范文
2014/01/17 职场文书
冰峪沟导游词
2015/02/09 职场文书
2015年中学总务处工作总结
2015/07/22 职场文书