javascript - jQuery 单击处理程序不执行 AJAX POST

Question

注意:我个人更喜欢jQuery而不是$；它需要更多的输入，但我发现它更具可读性。

我有一个简单的表单，让用户输入他们的名字/姓氏和电子邮件地址。它有一个“保存”按钮，点击后执行:

jQuery('#saveButton').click(function() {
    alert('About to Save to server');

    var validated = validateContact();
    if(!validated) {
        alert('Did not validate!');
        return;
    } else {
        alert('Validated!');
    }

    jQuery().ajax({
        url: "saveContact",
        type:"post",
        dataType: 'json',
        data: {
            contact: {
                firstName: jQuery('#firstName').val(),
                lastName: jQuery('#lastName').val(),
                emailAddress: jQuery('#emailAddress').val()
            }
        },
        success: function(result) {
            jQuery('#firstName').val("");
            jQuery('#lastName').val("");
            jQuery('#emailAddress').val("");
        },
        error: function(xhr){
            alert(xhr.responseText);
        }
    });

    alert('Saved to server');
});

当我单击“保存”按钮时，我会收到多个警告 弹出窗口，包括“已验证!”消息，但是脚本似乎在那之后不久就死了，而且我从未看到“已保存到服务器”警报。这告诉我我的 jQuery/AJAX 调用是错误的。此外，当我打开浏览器的开发人员工具时，我没有看到浏览器实际向我的后端发出网络 POST。在控制台中，我没有看到任何错误。关于我哪里出错以及为什么我什至没有看到任何网络事件的任何想法？

Answer 1

将 jQuery().ajax 替换为 jQuery.ajax({...})