JS WEB前端开发如何防止重复提交的实现方？

Question

JS WEB前端开发如何防止重复提交的实现方

Answer 1

在点击提交按钮后，将提交按钮立刻 禁用，然后在ajax请求成功后，再重新启用，下面是个简单的例子

1 2 3 4 5 6 7 8 9 10

$(".submit").click(function(){     $(this).attr("disabled",　true); 　　$.ajax({         url: url,         success: function (data) {             $(this).attr("disabled",　false); 　　　　}  　 });  　　 　 });

Answer 2

定义一个变量。
var flag= 0;
如果flag=0 就让提交
在提交后，数据没有返回来前，将flag=1
数据返回来后再设置成0
这样就能防止重复提交。非常有效。

Answer 3

客户端的话提交后立马将表单所有元素设为disable。
服务器端的话，可以考虑每次加载表单都设置一个表单项目的name为一随机字母串，并存入session，一提交就立马从seesion里删除这个字母串，字母串不一至就是重复提交。