人员添加页面 想让添加按钮点完之后变成灰色并禁用

Question

添加按钮点完之后会有一个加载的过程  这个时候继续点添加按钮会把数据再录一遍 为了防止这个操作 就像把按钮在录数据的过程中变为灰色禁用掉  对前端不是很会 

Answer 1

使用button的disabled属性当点击添加后立即把disabled变为true然后等接口返回成功后变为false

大概是这样  jq的话有attr设置一搜就有

//伪代码
<button disabled="false" id="add">添加</button>

//js
let btn=document.getElementById("add");

btn.addListener("click",(){
 btn.disabled=true;
 ajax('url').then((res)=>{
   if(res.status==200){ //代表成功
   btn.disabled=false;
  }
 })
})