ajax、非ajax请求时 显示与关闭loading
因为需求原因某个页面不能使用框架 所以不能依赖前端框架的loading模块了
记录一下不依赖框架怎么实现loading加载与关闭 当然针对情况是对应文中的2个情况
ajax请求时
某个页面有多个ajax请求 需要确定的是等待所有ajax请求完毕 才关闭loading
- loading 的css:
<style>
#loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
z-index: 15000;
text-align: center;
font-size: 10px;
}
#loading img {
position: absolute;
top: 50%;
left: 50%;
width