ajax请求时,一次点击两次提交的问题解决
原代码
<script>
$(function(){
$('#jsStayBtn').on('click', function(){
$.ajax({
cache: false,
type: "POST",
url:"/org/add_ask/",
data:$('#jsStayForm').serialize(),
async: true,
success: function(data) {
if(data.status == 'success'){
$('#jsStayForm')[0].reset();
alert("提交成功")
}else if(data.status == 'fail'){
$('#jsCompanyTips').html(data.msg)
}
},
});
});
})
</script>
修改后主要是对
$('#jsStayBtn').on('click', function() #这个地方进行修改
修改后为:
<script>
$(function(){
$('#jsStayBtn').off().on('click', function(){
$.ajax({
cache: false,
type: "POST",
url:"/org/add_ask/",
data:$('#jsStayForm').serialize(),
async: true,
success: function(data) {
if(data.status == 'success'){
$('#jsStayForm')[0].reset();
alert("提交成功")
}else if(data.status == 'fail'){
$('#jsCompanyTips').html(data.msg)
}
},
});
});
})
</script>
$('#jsStayBtn').off().on(); 主要是需要先将绑定事件给关闭 , 然后在绑定;
网友评论