正文
jquery重复提交,jquery防止重复提交
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jquery 如何防止重复提交
//如果是input就直接在提交过程中将按钮disable掉，如果是a可以用下面这种，当然解决根本问题还是后端验证重复提交的好
var sub = false;
$(btn).click(function(){
if(sub === true){
return;
}
sub = true;
$.post(url, function(){
//TODO
sub = false;
})
});
相关问答
Q1: jqueryajax如何避免重复提交？
其实方法很简单，就是在用户点击了提交按钮之后将按钮设置为不可点击即可，具体代码如下：
$('#submit').click(function(){
var objButton=$(this);
var content=$('#content').val();
$.ajax({
url:web_url+'jquery.php',
type:'post',
cache:false,
data: 'action=submitcontent='+content,
beforeSend:function(){//触发ajax请求开始时执行
objButton.val('提交中').attr('disabled',true);//改变提交按钮上的文字并将按钮设置为不可点击
},
success:function(txt){//ajax请求成功后执行
//这里做相关逻辑判断了，具体根据自己的情况看了
},
error:function(){//ajax发生错误时执行
alert('数据请求出错！');
},
complete:function(){//ajax请求完成时执行
objButton.val('提交').attr('disabled',false);//改变提交按钮上的文字并将按钮设置为可以点击
}
});
});
Q2: jquery提交form表单时禁止重复提交的方法
这篇文章主要介绍了jquery提交form表单时禁止重复提交的方法,需要的朋友可以参考下
代码如下:
$(document).ready(function()
{
$('form').submit(function()
{
if(typeof
jQuery.data(this,
"disabledOnSubmit")
==
'undefined')
{
jQuery.data(this,
"disabledOnSubmit",
{
submited:
true
});
$('input[type=submit],
input[type=button]',
this).each(function()
{
$(this).attr("disabled",
"disabled");
});
return
true;
}
else
{
return
false;
}
});
});
Q3: 怎么防止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。
注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。
Q4: 如何用jquery来阻止页面重复提交？急急急
用一个变量，记录一下上次点击的时间，点击的时候判断当前时间和上次点击时间的差值。
或者
onclick="this.disabled=true;this.value='正在保存当中....';这里写你的提交事件"
点击以后把按钮变灰，等你的提交操作完成以后
，再启用这个按钮，然后修改按钮的text。
Q5: Jquery post嵌套重复提交。
有时会发生重复，可能就是重复点击、延时等意外问题。
建议每次提交之前建立一个变量，锁定提交状态，当提交的结果返回时，再解锁提交状态。例如：
var is_sending = false;
例如：
$('btn').click(function(){
if ( is_sending == true ){ //判断是否提交中
return false;
}else{
is_sending = true; //锁定提交状态
$.post('url', {data}, function(){
is_sending = false; //解锁提交状态
//处理结果。
})
}
})
