jquery ajax如何防止多次提交

Posted 2023-05-03

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery ajax如何防止多次提交相关的知识，希望对你有一定的参考价值。

有时用jquery ajax处理数据的时候，如果网速不好或其它原因用户会有机会多次点击提交，导致数据重复。请问如何避免。。

　　部分重要代码：
　　$.ajax(
type:'post',
url:'LibraryBooks_data.php',
data:params,
dataType: 'json',
async:false, //这是重要的一步，防止重复提交的
success: function (a)

if(a.action=='ture')
　　 $.success('操作成功!');

);

　　默认设置下，所有请求均为async异步请求。
　　如果需要发送同步请求，请将此async选项设置为 false。

　　注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行(默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此async选项设置为 false。
　　注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。参考技术A 按钮提交后变为不可用，当ajax返回结果是成功的时候把按钮重新变为可用本回答被提问者和网友采纳参考技术B 在函数定义全局变量..var Stch=false
if (Stch==true)

alert('请不要重新提交');
else
Stch=true;
$.ajax(type:"POST",
url:"C_Eidt.do",
golobal:false,
success:function(data)
Stch=false;
;);
参考技术C 提交后，根据返回的状态值给按钮加上隐藏或者显示的属性参考技术D 点击提交后..禁用提交按钮...

Jquery 实现表单提交按钮变灰，防止多次点击提交重复数据

表单提交时候我们应该控制提交按钮，不能点击多次进行数据的重复提交。要不然就会有冗余的重复的数据在系统中，造成系统出现数据垃圾。jQuery很简单的就可以实现对表单提交按钮控制，下面就是相关的例子和代码。

[html] view plain copy

<form action="${pageContext.servletContext.contextPath}/XXX/###" method="post" id="messageForm">
姓名:<input name = "name" type="text" />
<button type="button" id="submit">提交申请</button>
</form>
<script>
$("#submit").click(function(){
$(this).attr("disabled","true"); //设置变灰按钮
$("#messageForm").submit();//提交表单
setTimeout("$(\'#submit\').removeAttr(\'disabled\')",3000); //设置三秒后提交按钮显示
})
</scritp></span>
</span>

附：其他的实现方法，也使用了js

第一种：

[html] view plain copy

<form name=fm method="POST" action="/">
<p>按钮变灰</p>
name: <input type="text" name="name"/>
<input type="button" value="提交" onclick="javascript:{this.disabled=true;document.fm.submit();}">
</form>

第二种：

[html] view plain copy

<form name=fm method="POST" action="/" >
<input type="submit" name="Submit" value="提交" id="submitId" onclick="submit();">
</form>
<script language="javascript">
function submit()
{
var submitId=document.getElementById(\'submitId\');
submitId.disabled=true;
document.fm.submit();
setTimeout("submitId.disabled=false;",3000); //代码核心在这里，3秒还原按钮代码
}
</script>