javaweb显示与关闭loading

ajax、非ajax请求时 显示与关闭loading

因为需求原因某个页面不能使用框架 所以不能依赖前端框架的loading模块了
记录一下不依赖框架怎么实现loading加载与关闭 当然针对情况是对应文中的2个情况

ajax请求时

某个页面有多个ajax请求 需要确定的是等待所有ajax请求完毕 才关闭loading

1. 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