电商中防止订单重复提交

首先我们分析下原因:

1、在网络延迟的情况下让用户有时间点击多次提交按钮导致表单重复提交。

2、表单提交后用户点击浏览器的刷新导致表单重复提交

3、用户提交表单后,点击浏览器的【后退】按钮回退到表单页面后进行再次提交

1、用JavaScript的方式在客户端处理。

a、设置一个标识,让他只能提交一次

var isCommitted = false;//表单是否已经提交标识,默认为false
function dosubmit(){
   if(isCommitted==false){
       isCommitted = true;//提交表单后,将表单是否已经提交标识设置为true
        return true;//返回true让表单正常提交
   }else{
        return false;//返回false那么表单将不提交
    }
}
b、表单提交之后,将提交按钮设置为不可用,让用户没有机会点击第二次提交按钮

2、在jsp页面中的form表单中隐藏域来存储Token(令牌)

<input type="hidden" name="token" value="${token}"/>

3、或者在数据库设置一个字段,每次提交上去的时候去随机修改这个字段,每次在提交操作之前去比较这个值,如果相同就允许提交,不同就不允许提交。

4、采用重定向

5、使用ajax遮罩层,当点击一次提交后打开一个遮罩层,或者直接禁用你的按钮。当提交完成就取消遮罩层。

猜你喜欢

转载自blog.csdn.net/qq_42611547/article/details/86091430
今日推荐