0

我有一个脚本应该通过 ajax 将表单数据发送到 PHP 脚本。不幸的是它不起作用我知道 $.ajax 有一个错误，但我不知道如何查看该错误，目前我已经设置了它，所以错误只是警告'失败'。在无法找到错误根源的情况下，解决此问题非常棘手，如何查看此错误？我没有调试 ajax 的经验：S 谢谢！

        $('.jSubmit').click(function() {

        var form_data = $(this).closest('form').serialize();
        var form_id   = $(this).closest('form').attr("id");

        function text_success(return_data) {

            if(form_id == "page_form") {
            $('#trans_div').append('<div id="pop_up"><div>Thank you, we will be in touch shortly.</div></div>');
            $('#trans_div').css('display','block').animate({opacity: 0.9}, 800, function() {

                $('#trans_div').delay(1500).animate({opacity: 0.0}, 800, function() {

                        $(this).css('display','none');

                });

            });

            $(this).closest('form').find("input[type=text], textarea").val("");
            }
            else
            {
            //$('.form_bottom_text').html(return_data);
            alert('no');
            }

        }


        function text_failure() {

            if(form_id == "page_form") {
            //$('#trans_div').css('display','block').animate({opacity: 0.9});
            //$('#trans_div').append('<div id="pop_up"><div>Failed to send message.</div></div>');
            //$(this).closest('form').find("input[type=text], textarea").val("");
            alert('failed');
            }
            else
            {
            $('.form_bottom_text').html('Error Occurred');
            }

        }


            $.ajax ({
            url:"form.php",
            type:'POST',
            data: form_data,
            success: function(return_data) {
                text_success(return_data);
                },
            error: function() {
                //text_failure();
                alert('fail');
                }               
            });


        });
4

3 回答 3

0

你为什么不充分利用你正在实现的回调并将适当的参数传递给"error"?

从.ajax文档中：

类型：Function(jqXHR jqXHR, String textStatus, String errorThrown)
请求失败时调用的函数。该函数接收三个参数：jqXHR（在 jQuery 1.4.x 中，XMLHttpRequest）对象、描述发生的错误类型的字符串和可选的异常对象（如果发生）。

所以这：

error: function() {
    //text_failure();
    alert('fail');
}

应该是这样的：

error: function( x, stat, msg ) {
    //text_failure();
    console.error( x.responseText );
    console.error( x.status );
    console.info( x.statusText );
    console.log( msg );
}

你可能会很快发现发生了什么。

于 2013-02-13T04:15:36.590 回答
0

你可以为所有 AJAX 请求做这样的事情

$(function() {
    $.ajaxSetup({
        error: function(jqXHR, exception) {
            if (jqXHR.status === 0) {
                alert('Not connect.\n Verify Network.');
            } else if (jqXHR.status == 404) {
                alert('Requested page not found. [404]');
            } else if (jqXHR.status == 500) {
                alert('Internal Server Error [500].');
            } else if (exception === 'parsererror') {
                alert('Requested JSON parse failed.');
            } else if (exception === 'timeout') {
                alert('Time out error.');
            } else if (exception === 'abort') {
                alert('Ajax request aborted.');
            } else {
                alert('Uncaught Error.\n' + jqXHR.responseText);
            }
        }
    });
});

您也可以error像这样使用回调的参数

 $.ajax ({
            url:"form.php",
            type:'POST',
            data: form_data,
            success: function(return_data) {
                text_success(return_data);
                },
error: function(e, status, txt ) {


}
});

检查这篇文章

于 2013-02-13T04:18:28.030 回答
0

奇怪的是，整个问题背后的问题是我的提交按钮的标签有一个 type="submit" ，改变它解决了这个问题。

于 2013-02-13T07:35:13.303 回答