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 相关文章推荐
javascript 数据类型转换(parseInt,parseFloat)
Jul 20 Javascript
浅谈Javascript事件处理程序的几种方式
Jun 27 Javascript
javascript 实现字符串反转的三种方法
Nov 23 Javascript
用JQuery实现全选与取消的两种简单方法
Feb 22 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
Jun 19 Javascript
js鼠标点击图片切换效果实现代码
Nov 19 Javascript
jquery自定义右键菜单、全选、不连续选择
Mar 01 Javascript
高效的jQuery代码编写技巧总结
Feb 22 Javascript
利用jQuery解析获取JSON数据
Apr 08 jQuery
Angular如何引入第三方库的方法详解
Jul 13 Javascript
js+canvas实现简单扫雷小游戏
Jan 22 Javascript
vue 解决mintui弹窗弹起来,底部页面滚动bug问题
Nov 12 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
Home Coffee Roasting
2021/03/03 咖啡文化
php计算当前程序执行时间示例
2014/04/24 PHP
ThinkPHP3.1新特性之对分组支持的改进与完善概述
2014/06/19 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
JavaScript While 循环基础教程
2007/04/05 Javascript
网页开发中的容易忽略的问题 javascript HTML中的table
2009/04/15 Javascript
学习ExtJS Window常用方法
2009/10/07 Javascript
JavaScript之HTMLCollection接口代码
2011/04/27 Javascript
Javascript 面向对象编程(一) 封装
2011/08/28 Javascript
jquery遍历数组与筛选数组的方法
2013/11/05 Javascript
D3.js 从P元素的创建开始(显示可加载数据)
2014/10/30 Javascript
javascript白色简洁计算器
2015/05/04 Javascript
判断是否存在子节点的实现代码
2016/05/18 Javascript
DIV+CSS+jQ实现省市联动可扩展
2016/06/22 Javascript
jQuery中ScrollTo用法示例
2016/09/04 Javascript
AngularJS constant和value区别详解
2017/02/28 Javascript
vue实现单选和多选功能
2017/08/11 Javascript
解析Vue 2.5的Diff算法
2017/11/28 Javascript
浅析JS抽象工厂模式
2017/12/14 Javascript
解决vue 路由变化页面数据不刷新的问题
2018/03/13 Javascript
Vue 动态添加路由及生成菜单的方法示例
2019/06/20 Javascript
微信小程序 textarea 层级过高问题简单解决方案
2019/10/14 Javascript
[41:13]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第一场 11.20
2020/11/20 DOTA
django manage.py扩展自定义命令方法
2018/05/27 Python
PyCharm鼠标右键不显示Run unittest的解决方法
2018/11/30 Python
Python作用域与名字空间原理详解
2020/03/21 Python
Python中如何添加自定义模块
2020/06/09 Python
python绘制分布折线图的示例
2020/09/24 Python
Python 制作查询商品历史价格的小工具
2020/10/20 Python
Gap英国官网:Gap UK
2018/07/18 全球购物
借款协议书
2014/09/16 职场文书
2015年食品安全工作总结
2015/05/15 职场文书
化工厂员工工作总结
2015/10/15 职场文书
喜迎建国70周年:有关爱国的名言名句
2019/09/24 职场文书
Django cookie和session的应用场景及如何使用
2021/04/29 Python
Python OpenCV形态学运算示例详解
2022/04/07 Python