前端防重复提交

前端防重复提交

什么情况下会重复提交呢?

(1)后端接口响应慢或者网速不好

 

(2)在提交页面提交后,重复刷新

今天讨论针对第一种情况的解决方案.

方式一:

提交时,给提交按钮增加class "disabled",

每次提交时都判断提交按钮是否拥有"disabled"类,若有,则直接返回(不提交)

实例:

登录时,点击登录按钮后,登录按钮置灰,再次点击则不响应

 

提交订单时也会遇到相同的问题:

 

 还有一种方式:每次提交完都重定向到新页面

response.sendRedirect(WebServletUtil.getBasePath(request)+"/test/list");

 参考:http://zhengyunfei.iteye.com/blog/2307443