layer插件loading快速应用示例
1、页面引用
<link rel="stylesheet" href="../Js/layer/skin/layer.css" />
<script type="text/javascript" src="../Js/layer/layer.js"></script>
2、ajax请求中应用
<script type="text/javascript">
var loadingFlag;
$.ajax({
url: "../FlightHandler/JDFlightHandler.ashx",
type: "post",
data: info,
dataType: "text",
beforeSend: function (XMLHttpRequest) {
//注意,layer.msg默认3秒自动关闭,如果数据加载耗时比较长,需要设置time
loadingFlag= layer.msg('正在读取数据,请稍候……', { icon: 16, shade: 0.01,shadeClose:false,time:60000 });
},
success: function (data) {
layer.close(loadingFlag);
},
complete: function (XMLHttpRequest, textStatus) {
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
}
});
</script>
参考:
http://www.layui.com/doc/modules/layer.html
http://blog.csdn.net/responsecool/article/details/50506736
最新文章
- android使用PullToRefresh实现上拉加载和下拉刷新效果
- iOS开发时,在Xcode中添加多个Targets进行版本控制
- DataGridView的Cell事件的先后触发顺序
- WPF循环加载图片导致内存溢出的解决办法
- 【PHP面向对象(OOP)编程入门教程】12.重载新的方法(parent::)
- Git哲学与使用
- Android SDK 更新镜像服务器
- sql 子查询要命名
- POJ 1804
- linux 安装jdk 配置tomcat
- Spring(3.2.3) - Beans(1): Spring 容器
- STL_iterator迭代器(3)——函数和函数对象
- Git应用于Android项目的入门知识:我的理解
- 分布式缓存Memcached/memcached/memcache详解及区别
- C语言学习第二章
- 如何连接远程redis,并且选择某个库进行操作
- 团队作业9--测试与发布(Beta版)
- Java 递归调用 recursive 给一个参数 返回一大堆
- PAT1093: Count PAT&#39;s
- dos脚本》
热门文章
- 通过Maven更换环境配置文件
- 解决vue中使用laydate.js选择日期后再修改其他model时日期会被清空问题
- vscode通过服务器打开html文件
- nginx优化后的主配置文件
- LC 934. Shortest Bridge
- 5种Redis数据结构详解
- python-Web-django-商城-购物车商品加减
- IDEA 2019.2破解激活教程(激活到2089年8月,亲测有效,持续更新中...)
- JS触发事件集锦
- [bzoj1733][Usaco2005 feb]Secret Milking Machine 神秘的挤奶机_网络流