首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >为什么我的jQuery AJAX错误函数不能在这里工作?它把页面弄得一团糟

为什么我的jQuery AJAX错误函数不能在这里工作?它把页面弄得一团糟
EN

Stack Overflow用户
提问于 2012-09-27 01:56:34
回答 3查看 280关注 0票数 0

http://christianselig.com/contact.html

在此联系人页面上,当我单击提交时,它将不会像它应该提交的那样提交页面。AJAX应该删除表单并放入一条错误或成功消息。但它不会。如果我注释掉error:部分,它就能完美地工作。

jQuery:

代码语言:javascript
复制
$.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);
                }
            });
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-09-27 01:58:30

指定错误时忘记了逗号:

代码语言:javascript
复制
$.ajax({  
    type: "POST",  
    url: "mail.php",  
    data: dataString,  
    success: function(data) { 
        // code
    }, <----- Right there!
    error: function(jqXHR, textStatus, errorThrown) {
        // code
    }
});
票数 3
EN

Stack Overflow用户

发布于 2012-09-27 01:58:14

错误前缺少逗号",“。逗号是变量、对象等之间的分隔符。

票数 0
EN

Stack Overflow用户

发布于 2012-09-27 01:59:41

分隔属性时缺少逗号

代码语言:javascript
复制
     $(".contact-form").fadeIn(500);
 } ,  <--------      Missing a comma here
 error: function(jqXHR, textStatus, errorThrown) {
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12607619

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档