javascript - Ajax 总是在成功时刷新页面

Question

我已经成功地在我的 Java Web 应用程序上的联系人注册表上构建了 Ajax 的实现，但是当我在成功的 ajax 上注册新联系人时，我的页面会刷新!我不希望我的页面在成功时刷新，我只想显示一条成功消息。这是我的代码:

alta: function () {
        $.ajax({
            type: "POST",
            cache: false,
            timeout: 30000,
            dataType: "json",
            url: "altaContacto.con", //servlet
            data: {
                name: $("#name").val(),
                email: $("#email").val(),
                phone: $("#phone").val(),
                company: $("#company").val(),
                subject: $("#subject").val(),
                message: $("#message").val()
            },
            success: function (data)
            {
                if (data.estatus === "OK")
                {
                    alert("Tnx for registry.");
                } else
                {
                    alert("Error");
                }
            } //END OF SUCCESS
        });
    }

有什么我想念的吗？非常感谢!

Answer 1

调用此函数时，您还必须停止表单的默认传播。例如:

$('#submit').on('click', function () {
    alta(); // call the function
    return false;
});

就这样