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 写类方式之六
Jul 05 Javascript
javascript 实现简单的table排序及table操作练习
Dec 28 Javascript
使用jQuery插件创建常规模态窗口登陆效果
Aug 23 Javascript
JavaScript中的常见问题解决方法(乱码,IE缓存,代理)
Nov 28 Javascript
简介JavaScript中Math.cos()余弦方法的使用
Jun 15 Javascript
Angular实现购物车计算示例代码
Feb 21 Javascript
关于express与koa的使用对比详解
Jan 25 Javascript
JavaScript实现多叉树的递归遍历和非递归遍历算法操作示例
Feb 08 Javascript
vue.js数据绑定操作详解
Apr 23 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
Sep 18 Javascript
JS实现斐波那契数列的五种方式(小结)
Sep 09 Javascript
Vue实现菜单切换功能
Nov 08 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
短波问题解答
2021/02/28 无线电
PHP 多进程 解决难题
2009/06/22 PHP
php的array数组和使用实例简明教程(容易理解)
2014/03/20 PHP
PHP实现二叉树的深度优先与广度优先遍历方法
2015/09/28 PHP
PHP7 弃用功能
2021/03/09 PHP
javascript 实现简单的table排序及table操作练习
2012/12/28 Javascript
JS去除字符串两端空格的简单实例
2013/12/27 Javascript
jquery获取form表单input元素值的简单实例
2016/05/30 Javascript
javascript基础语法——全面理解变量和标识符
2016/06/02 Javascript
Bootstrap选项卡与Masonry插件的完美结合
2016/07/06 Javascript
利用NPM淘宝的node.js镜像加速nvm
2017/03/27 Javascript
五步轻松实现zTree的使用
2017/11/01 Javascript
React Native自定义控件底部抽屉菜单的示例
2018/02/08 Javascript
使用live-server快速搭建本地服务器+自动刷新的方法
2018/03/09 Javascript
vue2之简易的pc端短信验证码的问题及处理方法
2019/06/03 Javascript
详解NodeJs项目 CentOs linux服务器线上部署
2019/09/16 NodeJs
使用Angular9和TypeScript开发RPG游戏的方法
2020/03/25 Javascript
[52:36]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
详解设计模式中的工厂方法模式在Python程序中的运用
2016/03/02 Python
Python编程实现二叉树及七种遍历方法详解
2017/06/02 Python
python中模块的__all__属性详解
2017/10/26 Python
python and or用法详解
2019/06/26 Python
Python requests上传文件实现步骤
2020/09/15 Python
Selenium 配置启动项参数的方法
2020/12/04 Python
python温度转换华氏温度实现代码
2020/12/06 Python
THE OUTNET英国官网:国际设计师品牌折扣网站
2016/08/14 全球购物
世界领先的豪华床上用品供应商之一:Bedeck Home
2019/03/18 全球购物
莫斯科隐形眼镜网上商店:Linzi
2019/07/22 全球购物
澳大利亚领先的在线礼品网站:Gifts Australia
2020/08/15 全球购物
laravel使用redis队列实例讲解
2021/03/23 PHP
毕业生求职信的经典写法
2014/01/31 职场文书
汽车维修工岗位职责
2014/02/12 职场文书
社区关爱留守儿童活动方案
2014/08/22 职场文书
2014年班务工作总结
2014/12/02 职场文书
党员检讨书范文
2014/12/27 职场文书
2015年党员公开承诺事项
2015/04/27 职场文书