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 相关文章推荐
javascript显示选择目录对话框的代码
Nov 10 Javascript
javascript天然的迭代器
Oct 29 Javascript
javascript中callee与caller的用法和应用场景
Dec 08 Javascript
Javascript 加载和执行-性能提高篇
Dec 28 Javascript
js的alert样式如何更改如背景颜色
Jan 22 Javascript
php常见的页面跳转方法汇总
Apr 15 Javascript
CSS3实现动态背景登录框的代码
Jul 28 Javascript
CSS图片响应式 垂直水平居中
Aug 14 Javascript
jquery+ajax+text文本框实现智能提示完整实例
Jul 09 Javascript
angular基于路由控制ui-router实现系统权限控制
Sep 27 Javascript
解决 window.onload 被覆盖的问题方法
Jan 14 Javascript
jquery添加div实现消息聊天框
Feb 08 jQuery
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快速url重写更新版[需php 5.30以上]
2010/04/25 PHP
Linux下实现PHP多进程的方法分享
2012/08/16 PHP
PHP中提问频率最高的11个面试题和答案
2014/09/02 PHP
PHP通过CURL实现定时任务的图片抓取功能示例
2016/10/03 PHP
Windows下php+mysql5.7配置教程
2017/05/16 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
thinkphp3.2框架中where条件查询用法总结
2019/08/13 PHP
解放web程序员的输入验证
2006/10/06 Javascript
动态载入/删除/更新外部 JavaScript/Css 文件的代码
2010/07/03 Javascript
JavaScript实现网页图片等比例缩放实现代码及调用方式
2013/02/25 Javascript
点击显示指定元素隐藏其他同辈元素的方法
2014/02/19 Javascript
JQuery显示隐藏DIV的方法及代码实例
2015/04/16 Javascript
Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
2016/06/07 Javascript
Javascript简写条件语句(推荐)
2016/06/12 Javascript
jQuery插件扩展测试实例
2016/06/21 Javascript
node.js版本管理工具n无效的原理和解决方法
2016/11/24 Javascript
jQuery EasyUI 获取tabs的实例解析
2016/12/06 Javascript
JavaScript面试出现频繁的一些易错点整理
2018/03/29 Javascript
详解微信小程序的 request 封装示例
2018/08/21 Javascript
JavaScript工具库之Lodash详解
2019/06/15 Javascript
JS document对象简单用法完整示例
2020/01/14 Javascript
在Angular中实现一个级联效果的下拉框的示例代码
2020/05/20 Javascript
vue添加自定义右键菜单的完整实例
2020/12/08 Vue.js
[00:35]可解锁地面特效
2018/12/20 DOTA
Python Tkinter基础控件用法
2014/09/03 Python
Python语言描述机器学习之Logistic回归算法
2017/12/21 Python
对python同一个文件夹里面不同.py文件的交叉引用方法详解
2018/12/15 Python
浅谈Python中的生成器和迭代器
2020/06/19 Python
Python通过zookeeper实现分布式服务代码解析
2020/07/22 Python
HTML5: Web 标准最巨大的飞跃
2008/10/17 HTML / CSS
支票、地址标签、包装纸和慰问卡:Current Catalog
2018/01/30 全球购物
自荐信结尾
2013/10/27 职场文书
《小山羊和小灰兔》教学反思
2014/02/19 职场文书
三严三实民主生活会发言稿
2014/10/13 职场文书
公司行政管理制度范本
2015/08/05 职场文书
导游词之无锡东林书院
2019/12/11 职场文书