前端防止用户重复提交的四种方法


这个主要是为防止用户一次性发起大量重复请求,前端可以参照以下解决方式:

1️⃣ 在第一次点击后禁用(disabled/readonly)按钮,请求完成后再恢复按钮;

2️⃣ 卸载再重绑按钮事件;

3️⃣ 替换或移除按钮DOM;

4️⃣ Post/Redirect/Get模式。在提交后执行重定向。例如添加一个提交成功的信息页面,目前比较常见且对用户较友好的一种解决方式。