如何实现请求完成前加载LOADING动画，请求完成后消失

如何实现请求完成前加载LOADING动画，请求完成后消失？

可以在发送请求前显示一个LOADING动画，通过CSS设置一个遮罩层覆盖整个页面，并在中间显示LOADING动画；请求完成后，通过JavaScript监听请求状态，当请求完成时，隐藏遮罩层和LOADING动画即可。可以使用jQuery库中的ajaxStart和ajaxStop方法，分别在请求开始和结束时执行相关操作。此外，也可以使用Vue.js或React等前端框架的组件库中提供的Loading组件来实现。

如果使用jquery的话，通过beforesend触发，complete移除动画。

或者通过onreadystatechange检测状态变化并执行动画，当readystate为complete时结束动画