即使请求成功,也会触发错误回调函数


error callback function is fired even if request is successful

我有一个使用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',