首页 > 代码库 > 防止表单的重复提交
防止表单的重复提交
场景有三种:
1:在网络延迟的情况下让用户有时间点击多次submit导致重复提交
2:表单提交后点击“刷新”按钮导致重复提交
3:提交后,点击浏览器的后退然后再次提交
解决的思路有常用的几种:
1、通过JS,提交表单之后将按钮设置为不可用。
<script type="text/javascript">
var isCommitted = false;//表单是否已经提交标识,默认为false
function dosubmit(){
if(isCommitted==false){
isCommitted = true;//提交表单后,将表单是否已经提交标识设置为true
return true;//返回true让表单正常提交
}else{
return false;//返回false那么表单将不提交
}
}
</script>
2、或者在提交表单的js中设置一个变量作为标识,默认为false,表单提交之后就爱那个标识改为true。
<script type="text/javascript">
var isCommitted = false;//表单是否已经提交标识,默认为false
function dosubmit(){
if(isCommitted==false){
isCommitted = true;//提交表单后,将表单是否已经提交标识设置为true
return true;//返回true让表单正常提交
}else{
return false;//返回false那么表单将不提交
}
}
</script>
3、利用session解决。做法:在服务器端生成一个唯一的随机标识号,专业术语:Token(令牌)。同时在当前用户的Session中保存这个Token。然后将Token发送到客户端的Form表单中在表单中使用隐藏域来存储这个Token。表单提交的时候连同这个Token一起提交到服务器端。然后在服务器端判断客户端提交上来的Token与服务器生成的是否一样。不一样就是重复提交了,此时服务器就不可以处理重复提交的表单。处理完后清除当前用户的Session中存储的标识号。
防止表单的重复提交