如何避免用户多次点击造成的多次请求

https://www.cnblogs.com/Juphy/p/7019955.html

如何避免用户多次点击造成的多次请求:

  我们在访问有的网站,输入表单完成以后,单价提交按钮进行提交以后,提交按钮就会变成灰色的,用户不能再单击第二次,直到重新加载页面或者跳转。这样,可以一定程度上防止用户重复提交导致应用程序上逻辑错误。

1.定义标志位:

  点击触发请求后,标志位为false量;请求(或者包括请求后具体的业务流程处理)后,标志位为true量。通过标志位来判断用户点击是否具备应有的响应。

2.卸载及重载绑定事件

  点击触发请求后,卸载点击事件;请求(或者包括请求后具体的业务流程处理)后,重新载入绑定事件。

3.替换(移除)按钮DOM

  点击触发请求后,将按钮DOM对象替换掉(或者将之移除),自然而然此时不再具备点击事件;请求(或者包括请求后具备的业务流程处理)后,给新的按钮DOM定义点击事件。

  不妨引申来看,它不一定发生在表单的提交事件上,同样可以发生在ajax的异步

原文地址:https://www.cnblogs.com/em2464/p/10305233.html