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 ajax 调用带参数的webservice返回XML数据一个小细节
Jul 31 Javascript
javascript的渐进增强与平稳退化浅谈
Nov 12 Javascript
网页广告中JS代码的信息监听示例
Apr 02 Javascript
《JavaScript函数式编程》读后感
Aug 07 Javascript
jQuery中的ajax async同步和异步详解
Sep 29 Javascript
谈谈jQuery Ajax用法详解
Nov 27 Javascript
Vue.js第四天学习笔记(组件)
Dec 02 Javascript
jQuery实现优雅的弹窗效果(6)
Feb 08 Javascript
js,jq,css多方面实现简易下拉菜单功能
May 13 Javascript
vue中进行微博分享的实例讲解
Oct 14 Javascript
vue实现一个6个输入框的验证码输入组件功能的实例代码
Jun 29 Javascript
vue 使用async写数字动态加载效果案例
Jul 18 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
Symfony2中被遗弃的getRequest()方法分析
2016/03/17 PHP
ThinkPHP中Common/common.php文件常用函数功能分析
2016/05/20 PHP
PHP获取路径和目录的方法总结【必看篇】
2017/03/04 PHP
prototype class详解
2006/09/07 Javascript
用javascript getComputedStyle获取和设置style的原理
2008/10/10 Javascript
js限制文本框为整数和货币的函数代码
2010/10/13 Javascript
javascript中处理时间戳为日期格式的方法
2014/01/02 Javascript
Array 重排序方法和操作方法的简单实例
2014/01/24 Javascript
JS获取地址栏参数的几种方法小结
2014/02/28 Javascript
jquery单行文字向上滚动效果的实现代码
2014/09/05 Javascript
Javascript Object 对象学习笔记
2014/12/17 Javascript
盘点javascript 正则表达式中 中括号的【坑】
2016/03/16 Javascript
jQ处理xml文件和xml字符串的方法(详解)
2016/11/22 Javascript
js实现用户输入的小写字母自动转大写字母的方法
2017/01/21 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
2017/02/14 Javascript
在vue中实现简单页面逆传值的方法
2017/11/27 Javascript
Angular2开发环境搭建教程之VS Code
2017/12/15 Javascript
js阻止默认右键的下拉菜单方法
2018/01/02 Javascript
vue elementUI使用tabs与导航栏联动
2019/06/21 Javascript
微信小程序后端无法保持session的原因及解决办法问题
2020/03/20 Javascript
[43:03]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
Python中使用中文的方法
2011/02/19 Python
python实现挑选出来100以内的质数
2015/03/24 Python
Python:Scrapy框架中Item Pipeline组件使用详解
2017/12/27 Python
python提取图像的名字*.jpg到txt文本的方法
2018/05/10 Python
使用PyInstaller将python转成可执行文件exe笔记
2018/05/26 Python
Python属性和内建属性实例解析
2020/01/14 Python
python3 正则表达式基础廖雪峰
2020/03/25 Python
如何使用pycharm连接Databricks的步骤详解
2020/09/23 Python
男女朋友协议书
2014/04/23 职场文书
简历自我评价优缺点
2015/03/11 职场文书
如何用Node.js编写内存效率高的应用程序
2021/04/30 Javascript
Python爬虫入门案例之爬取去哪儿旅游景点攻略以及可视化分析
2021/10/16 Python
python人工智能human learn绘图可创建机器学习模型
2021/11/23 Python
MySql重置root密码 --skip-grant-tables
2022/04/11 MySQL
Golang jwt身份认证
2022/04/20 Golang