解决"Ajax表单被提交多次"的方法通常可以通过以下几个步骤来实现:
$('#submitBtn').attr('disabled', 'disabled');
var isSending = false;
if (isSending) {
return;
}
isSending = true;
$.ajax({
url: 'your-url',
type: 'POST',
data: yourData,
success: function(response) {
// 请求成功
// 处理返回数据
},
error: function(xhr, status, error) {
// 请求失败
// 处理错误
},
complete: function() {
// 请求完成,无论成功或失败
$('#submitBtn').removeAttr('disabled');
isSending = false;
}
});
通过以上步骤,可以确保只有一次有效的Ajax请求被发送,并且在请求完成后重新启用提交按钮,避免多次提交表单的问题。