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

Question

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

Answer 1

在点击提交按钮后，将提交按钮立刻 禁用，然后在ajax请求成功后，再重新启用，下面是个简单的例子12345678910$(".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里删除这个字母串，字母串不一至就是重复提交。