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中使用ajax获取远程页面信息
Nov 13 Javascript
javascript 事件处理、鼠标拖动效果实现方法详解
May 11 Javascript
javascript实现信息的显示和隐藏如注册页面
Dec 03 Javascript
div失去焦点事件实现思路
Apr 22 Javascript
JS实现光滑展开合拢的菜单效果代码
Sep 16 Javascript
详解使用fetch发送post请求时的参数处理
Apr 05 Javascript
vue.js利用defineProperty实现数据的双向绑定
Apr 28 Javascript
Angular.js实现动态加载组件详解
May 28 Javascript
bootstrap-table实现表头固定以及列固定的方法示例
Mar 07 Javascript
vue 中使用 watch 出现了如下的报错的原因分析
May 21 Javascript
layui switch 开关监听 弹出确定状态转换的例子
Sep 21 Javascript
javascript事件循环event loop的简单模型解释与应用分析
Mar 14 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实现像JSP,ASP里Application那样的全局变量
2007/01/12 PHP
php 魔术函数使用说明
2010/02/21 PHP
PHP 多维数组排序(usort,uasort)
2010/06/30 PHP
浅谈php中mysql与mysqli的区别分析
2013/06/10 PHP
thinkphp特殊标签用法概述
2014/11/24 PHP
PHP中的traits实现代码复用使用实例
2015/05/13 PHP
Linux系统递归生成目录中文件的md5的方法
2015/06/29 PHP
php+ajax制作无刷新留言板
2015/10/27 PHP
删除PHP数组中的重复元素的实现代码
2017/04/10 PHP
表单的一些基本用法与技巧
2006/07/15 Javascript
javascript中获取选中对象的类型
2007/04/02 Javascript
浅析js中2个等号与3个等号的区别
2013/08/06 Javascript
一个可以增加和删除行的table并可编辑表格中内容
2014/06/16 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
2016/05/04 Javascript
一个仿微博登陆邮箱提示框js开发案例
2016/07/28 Javascript
jQuery时间日期三级联动(推荐)
2016/11/27 Javascript
浅谈javascript中的 “ &amp;&amp; ” 和 “ || ”
2017/02/02 Javascript
ES6入门教程之Iterator与for...of循环详解
2017/05/17 Javascript
JS回调函数基本定义与用法实例分析
2017/05/24 Javascript
在iFrame子页面里实现模态框的方法
2018/08/17 Javascript
Python Mysql自动备份脚本
2008/07/14 Python
flask框架单元测试原理与用法实例分析
2019/07/23 Python
pandas条件组合筛选和按范围筛选的示例代码
2019/08/26 Python
python如何将两张图片生成为全景图片
2020/03/05 Python
python filecmp.dircmp实现递归比对两个目录的方法
2020/05/22 Python
python中线程和进程有何区别
2020/06/17 Python
python 获取计算机的网卡信息
2021/02/18 Python
党章培训心得体会
2014/09/04 职场文书
报表员工作失误检讨书范文
2014/09/19 职场文书
社区公民道德宣传日活动总结
2015/03/23 职场文书
检讨书范文大全
2015/05/07 职场文书
2016年党员学习廉政准则心得体会
2016/01/20 职场文书
如何用Python搭建gRPC服务
2021/06/30 Python
Java基础-封装和继承
2021/07/02 Java/Android
CSS 使用 resize 实现图片拖拽切换预览功能(强大功能)
2021/08/23 HTML / CSS
索尼ICF-36收音机评测
2022/04/30 无线电