Javascript 提交而不离开页面

我的表格

---

我不想运行任何验证，因为我在所有类型中都有用户“必需”。我只想将数据发送到我的php，同时保持在同一个联系人表单上。但这只是加载我的php文件并发送电子邮件。看起来它没有运行我的javascript。请帮助

您尚未在回调中定义事件参数。按如下方式更改此行，它应该可以工作：

$("#reservationForm").submit(function () {     

        e.preventDefault();
        var $form = $(this);

     $.ajax({
            type: 'POST',
            url: 'sendmail.php',
            data: $('#form').serialize(),
            success: function(response) {
                alert("Success");
                $('#reservationForm').fadeOut("slow");
            }
});
     return false;
});

---

EDIT:BTW:jQuery速记的.submit事件处理程序已被弃用。你应该

使用.on（'submit'），…

。

你的表单丢失了…将

操作

更改为self（与表单所在的页面相同）…？它不会仍然加载另一个页面吗？我在回答中看到，你还需要添加

preventDefault（）；

，也许这就是诀窍……对不起，我在这一方面做得太快了：）谢谢你的帮助。但它仍然带我到php文件：（$（“#reservationForm”）.on（'submit'，function（e）{e.preventDefault（）；var$form=$（this）；$.ajax（{type:'POST'，url:'sendmail.php'，data:$（'#form'）。serialize（），success:function（response）{alert（“success”）；$（'reservationForm'））.fadeOut（“slow”）；}；返回false；}）；这是我网站的链接

$("#reservationForm").submit(function () {     

        e.preventDefault();
        var $form = $(this);

     $.ajax({
            type: 'POST',
            url: 'sendmail.php',
            data: $('#form').serialize(),
            success: function(response) {
                alert("Success");
                $('#reservationForm').fadeOut("slow");
            }
});
     return false;
});

$("#reservationForm").submit(function (e) {   
...