在模态中发布表单而不重定向

Question

我有一个带有表单的模态，我想在不离开或刷新页面的情况下提交。我用这个脚本：

$("#submitButton").click(function(){
    $.post("contact_submit.php", $("#contactForm").serialize());
});

这在一定程度上起作用，数据到达数据库。但是，有一些问题：

• 在localhost下，它将我重定向到http://localhost/dashboard/
• 表单似乎不会发布一次，但是多次（数据库中的许多条目）

我尝试了return false和e.preventDefault，但没有一个用于重定向问题（事实上，整个脚本停止工作）。

如何解决这些问题？

提前致谢！

Answer 1

使用这种方法。提交#id-of-form后会触发此操作。例如

$("#id-of-form").submit(function(){

    $.ajax({
        type: "POST",
        url: "contact_submit.php",
        data: $("#contactForm").serialize(),
        success: function(data) {
            /* load the response from contact_submit.php into div id results */
            $('#results').html(data);                           
        }
    }); 

});