JS 设置按钮的loading效果

本文是在其他博主的博客JS学习笔记 | 遮罩层Loading实现_jsp loading-优快云博客基础上，进行实践的。

目录

一、需求

二、Jsp+css实现代码

---

一、需求

在springboot项目中的原始html5页面中，原本的功能是页面加载时，使用ajax向后端发送请求，后端返回的数据是一个map类型的数据。前端拿到数据之后，作为下拉框select标签的选项。

目前想要在这个基础上添加一个loading效果。使得在点击按钮后和ajax请求前显示loading效果，请求返回数据之后去掉loading效果。

二、Jsp+css实现代码

（1）首先，添加div标签，放在body下的第一个位置。

<div id="loading">
    <img src="images/loading.gif">
    <p>请稍候....</p>