前端如何防止接口重复提交?

  1. 按钮禁用:在用户点击按钮后马上对按钮设置disable属性为true,当接口有返回结果后再对按钮的disable属性置为false
  2. 防抖或节流
  3. 加载loading:在发送接口前对整个页面进行加载显示loading,禁止用户进行操作,接口返回后再取消loading
  4. 在axios请求库中进行同意封装,使用一个变量记录当前正在处理的请求,在发送接口之前,先检查是否存在相同的请求如果存在则不发送新的请求,如果不存在继续进行请求发送
  5. 唯一标识符:每次请求前都生成一个唯一的标识符,把标识符作为请求的一部分发送到后端,后端接收到请求之后,检查该标识符是否已经被处理过,处理过就不需要再进行重复处理了
posted @ 2024-06-18 21:46  小那  阅读(11)  评论(0编辑  收藏  举报