jquery处理页面弹出层查询数据等待操作实例


Posted in Javascript onMarch 25, 2015

本文实例讲述了jquery处理页面弹出层查询数据等待操作。分享给大家供大家参考。具体实现方法如下:

$(document).ready(function(){ 
  layer.load(0);
//初始化加载
//可选范围(0-9)0表示等返回结果后关闭,1-9表示自动关闭时间(s) 
});

当查询结果集返回后,设置关闭等待的样式

function init_page_pro(sdate, pro) {
$.post("detail.key", {
  'pro' : pro,
  'sdate' : sdate
}, function(result, resultState) {
  if (resultState == "success") {
 var resultJson = eval(result);
 //alert(result);
 layer.closeAll()//关闭所有加载
  }
});
}

注:虽然只调用这两个方法即可实现等待效果,但都是牛人封装好的,需要源文件的,具体需要到我的资源中去下载即可使用,然后放到项目相应的路径即可

最后效果如下图所示:

jquery处理页面弹出层查询数据等待操作实例

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
jQuery代码优化 遍历篇
Nov 01 Javascript
js实现瀑布流的一种简单方法实例分享
Nov 04 Javascript
jQuery获取剪贴板内容的方法
Jun 16 Javascript
基于Vue实现页面切换左右滑动效果
Jun 29 Javascript
JavaScript变量声明var,let.const及区别浅析
Apr 23 Javascript
浅谈redux以及react-redux简单实现
Aug 28 Javascript
Vuex 使用 v-model 配合 state的方法
Nov 13 Javascript
微信小程序iBeacon测距及稳定程序的实现解析
Jul 31 Javascript
深入浅析vue中cross-env的使用
Sep 12 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
Sep 26 Javascript
Swiper实现导航栏滚动效果
Oct 16 Javascript
在elementui中Notification组件添加点击事件实例
Nov 11 Javascript
JavaScript动态添加列的方法
Mar 25 #Javascript
javascript实现复选框选中属性
Mar 25 #Javascript
jQuery的load()方法及其回调函数用法实例
Mar 25 #Javascript
jQuery使用$.get()方法从服务器文件载入数据实例
Mar 25 #Javascript
jQuery使用post方法提交数据实例
Mar 25 #Javascript
JavaScript实现常用二级省市级联下拉列表的方法
Mar 25 #Javascript
分享9个最好用的JavaScript开发工具和代码编辑器
Mar 24 #Javascript
You might like
《魔兽争霸3:重制版》更新 多项视觉效果调整
2020/05/04 魔兽争霸
推荐一款PHP+jQuery制作的列表分页的功能模块
2014/10/14 PHP
前端必学之PHP语法基础
2016/01/01 PHP
PHP 7.0.2 正式版发布
2016/01/08 PHP
php + nginx项目中的权限详解
2017/05/23 PHP
PHP常见过waf webshell以及最简单的检测方法
2019/05/21 PHP
PHP 文件写入和读取操作实例详解【必看篇】
2019/11/04 PHP
js 格式化时间日期函数小结
2010/03/20 Javascript
JS+JSP checkBox 全选具体实现
2014/01/02 Javascript
javascript控制在光标位置插入文字适合表情的插入
2014/06/09 Javascript
JavaScript如何实现图片懒加载(lazyload) 提高用户体验(增强版)
2016/11/30 Javascript
JavaScript中数组Array.sort()排序方法详解
2017/03/01 Javascript
JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
2017/08/10 Javascript
使用vue-resource进行数据交互的实例
2017/09/02 Javascript
fetch 使用及如何接收JS传值
2017/11/11 Javascript
详解Nodejs内存治理
2018/05/13 NodeJs
nodejs基础之buffer缓冲区用法分析
2018/12/26 NodeJs
让 babel webpack vue 配置文件支持智能提示的方法
2019/06/22 Javascript
[01:06:32]DOTA2上海特级锦标赛D组资格赛#1 EG VS VP第一局
2016/02/28 DOTA
Python json 错误xx is not JSON serializable解决办法
2017/03/15 Python
python+pillow绘制矩阵盖尔圆简单实例
2018/01/16 Python
python打包压缩、读取指定目录下的指定类型文件
2018/04/12 Python
利用django-suit模板添加自定义的菜单、页面及设置访问权限
2018/07/13 Python
Python使用pyautogui模块实现自动化鼠标和键盘操作示例
2018/09/04 Python
使用Puppeteer爬取微信文章的实现
2020/02/11 Python
DataFrame.groupby()所见的各种用法详解
2020/06/14 Python
Django DRF认证组件流程实现原理详解
2020/08/17 Python
深入理解css属性的选择对动画性能的影响
2016/04/20 HTML / CSS
what is the difference between ext2 and ext3
2015/08/25 面试题
如何通过jdbc调用存储过程
2012/04/19 面试题
自考毕业自我鉴定范文
2013/10/27 职场文书
奥巴马就职演讲稿
2014/05/15 职场文书
2016大学军训心得体会
2016/01/11 职场文书
pytorch实现线性回归以及多元回归
2021/04/11 Python
my.ini优化mysql数据库性能的十个参数(推荐)
2021/05/26 MySQL
React-vscode使用jsx语法的问题及解决方法
2021/06/21 Javascript