我有一个使用ajax发送邮件的脚本。我已经通过检查将接收邮件的电子邮件对其进行了测试,确实,ajax请求是成功的。我还查看了Firefox浏览器的控制台窗口,它还向我显示了一条成功的消息。但我的问题是,不是done
回调函数,而是触发了error
回调函数。你们可能都想知道为什么我仍然使用error
函数而不是fail
。原因是当我尝试使用fail
函数时,它不会触发我在其中设置的alertbox。所以我所做的是返回并再次使用error
函数,因为至少它会触发我制作的alertbox。
这是脚本:
<script type="text/javascript">
var submitButton = $('#submit'); // Variable to cache button element
var alertBox1 = $('.success'); // Variable to cache meter element
var alertBox2 = $('.alert');
var closeButton1 = $('.close1'); // Variable to cache close button element
var closeButton2 = $('.close2'); // Variable to cache close button element
$( function(){
$( '#contactform' ).submit( function(e){
e.preventDefault();
console.log( 'hello' );
var formData = $( this ).serialize();
console.log( formData );
$.ajax({
type: 'POST',
url: 'send.php',
data: formData,
dataType: 'json',
done: function(){
$(submitButton).fadeOut(500); // Fades out submit button when it's clicked
setTimeout(function() { // Delays the next effect
$(alertBox1).fadeIn(500); // Fades in success alert
}, 500);
},
error: function(){
$(submitButton).fadeOut(500); // Fades out submit button when it's clicked
setTimeout(function() { // Delays the next effect
$(alertBox2).fadeIn(500); // Fades in fail alert
}, 500);
}
});
});
$(closeButton1).click(function() { // Initiates the reset function
$(alertBox1).fadeOut(500); // Fades out success message
setTimeout(function() { // Delays the next effect
$('input, textarea').not('input[type=submit]').val(''); // Resets the input fields
$(submitButton).fadeIn(500); // Fades back in the submit button
}, 500);
return false; // This stops the success alert from being removed as we just want to hide it
});
$(closeButton2).click(function() { // Initiates the reset function
$(alertBox2).fadeOut(500); // Fades out success message
setTimeout(function() { // Delays the next effect
$('input, textarea').not('input[type=submit]').val(''); // Resets the input fields
$(submitButton).fadeIn(500); // Fades back in the submit button
}, 500);
return false; // This stops the fail alert from being removed as we just want to hide it
});
});
</script>
是什么原因造成的?只是重申一下,我尝试使用fail
而不是error
回调函数,因为这是我在互联网上找到的答案之一,也是因为我知道error
函数已经被弃用了。但由于我上面提到的原因,我别无选择,只能使用它。
如果您参考文档,则不能在ajax函数内部使用done作为回调。要么使用success,要么在ajax调用结束时添加done。
$.ajax({
// url, data etc
success: function() {
//success handler
},
error:function(){
//Error handler
}
});
(OR)
$.ajax({
// ajax related codes
}).done(function(){
//callback
});
此外,如果您并没有真正从服务器返回JSON,请从ajax调用中删除dataType: 'json',
。