javascript - AJAX 会触发成功和错误

Question

我不确定为什么我的 ajax 请求的 error: 部分也会被触发。成功和错误部分实际上都会触发。我对 JS/jQuery 很陌生，但我读到，当 ajax 请求成功时，会触发成功，而当出现错误时，会触发错误。我假设成功意味着 200，错误意味着 400-500？

js:

    function create_post() {
        console.log("create post is working");
        var firstName = document.getElementById("firstname");
        var lastName = document.getElementById("lastname");
        var email = document.getElementById("email");
        var phoneNumber = document.getElementById("phonenumber");
        var message = document.getElementById("message");
        var contactInfo = {
            "first_name": firstName.value,
            "last_name": lastName.value,
            "email": email.value,
            "phone_number": phoneNumber.value,
            "message": message.value
        };

        $.ajax({
            url: "",
            type: "POST",
            data: contactInfo,
            success: ajaxSuccess(contactInfo),
            error: console.log("ajax fail")

        });
    };


    function ajaxSuccess(contactInfo) {
        console.log(contactInfo);
        // clear form data
        document.getElementById("contact-form").reset();
        // display modal
    }


//    Contact form submit
    var contactForm = document.getElementById("contact-form");
    $(contactForm).on('submit', function(event) {
        event.preventDefault();
        console.log("form submitted");
        create_post();
    });

Answer 1

您的问题在于以下几行:

success: ajaxSuccess(contactInfo),
error: console.log("ajax fail")

这会立即有效地运行这两个函数，并将这些函数的返回值设置为 success 和 error 属性。尝试使用匿名回调函数。

success: function() {
    ajaxSuccess(contactInfo);
},
error: function() {
    console.log("ajax fail");
}