jquery处理页面弹出层查询数据等待操作实例
编程学习 2021-07-04 21:47www.dzhlxh.cn编程入门
这篇文章主要介绍了jquery处理页面弹出层查询数据等待操作,实例分析了jquery实现等待效果的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
上一篇：JS实现简易图片轮播效果的方法
下一篇：JavaScript动态添加列的方法