做项目时经常遇到表单重复提交的问题 小编带来这一种有效的防止重复提交本人测试有效
上代码:
<form @submit="examine">
<button form-type="submit" >提交</button>
</from>
examine(e){
if(this.isCommitted==false){
this.isCommitted=true;
uni.request({
url:url+'/CompanyController/addCompany',
method:'POST',
header:{
'Content-type':'application/x-www-form-urlencoded'
},
data:params,
dataType:'json',
success:function(res){
this.isCommitted=false;//后台请求成功了之后重新赋值false 让表单再次可提交
}
})
console.log("正常提交")
}else{
console.log("不能重复提交")
return fasle;
}
}
到这里基本结束了 后面持续更新使用token令牌机制防止表单重复提交
本文分享了一种防止表单重复提交的有效方法,通过设置一个标记变量isCommitted,在表单提交时检查该变量状态,确保同一表单不会被多次提交,同时提供了使用token令牌机制的预告。
1111

被折叠的 条评论
为什么被折叠?



