Question

在此联系页面上，当我点击提交时，它将不会按原样提交页面。 AJAX应该删除表单并输入错误或成功消息。但事实并非如此。如果我发表评论error:部分，那就完美了。

jQuery的：

$.ajax({  
                type: "POST",  
                url: "mail.php",  
                data: dataString,  
                success: function(data) { 
                    $(".contact-form").hide();
                    $(".alt-contact").hide();

                    // Depending on what the PHP script returned, display a message of success or error
                    if (data == 1) {
                        $(".contact-form").html("<div class='success-message'><div class='success-image'></div><div class='success-title'>Success! The message has been sent!</div><div class='success-body'>I'll get back to you right away.</div></div>");
                    }
                    else {
                        $(".contact-form").html("<div class='error-message'><div class='error-image'></div><div class='error-title'>Whoops! An error occurred.</div><div class='error-body'>I'll get back to you ASAP.</div></div>");
                    }

                    $(".contact-form").fadeIn(500);
                }
                error: function(jqXHR, textStatus, errorThrown) {
                    $(".contact-form").hide();
                    $(".alt-contact").hide();

                    // Inserts divs making up the success message for the form submission
                    $(".contact-form").html("<div class='error-message'><div class='error-image'></div><div class='error-title'>Success! The message has been sent!</div><div class='error-body'>I'll get back to you right away.</div></div>");

                    $(".contact-form").fadeIn(500);
                }
            });

Answer 1

指定错误时忘记了逗号：

$.ajax({  
    type: "POST",  
    url: "mail.php",  
    data: dataString,  
    success: function(data) { 
        // code
    }, <----- Right there!
    error: function(jqXHR, textStatus, errorThrown) {
        // code
    }
});

Answer 2

错误之前你有一个逗号“，”。逗号是变量，对象等之间的分隔符。

Answer 3

分隔属性时缺少逗号

     $(".contact-form").fadeIn(500);
 } ,  <--------      Missing a comma here
 error: function(jqXHR, textStatus, errorThrown) {

为什么我的jQuery AJAX错误函数不能在这里工作？它完全弄乱了页面

3 个答案: