如何防止表单提交将我带到不同的页面

Question

我已经编写了一个联系表格，它会发送一封包含输入详细信息的电子邮件。

提交时， (action="send_form_email.php")会将我带到实际的 PHP 文件页面。 有什么办法可以防止这种情况吗？ 我目前使用下面的这段代码将我带回表单所在的页面，但这会阻止其他脚本运行，让用户知道表单已成功提交。

header("Location: http://cvolden.net/");

下面是不会回显的代码：

echo "<script type='text/javascript'>alert('thanks');</script>";

该表格在网站的多个页面上重复出现。 最后，我希望客户留在当前页面上，并通知他们一切都已正确发送。

感谢帮助！

Answer 1

你不能。 表单的默认功能将重定向到action属性所包含的任何内容。 为了做你需要的，你需要使用AJAX

使用 Jquery 的简单示例：

$("form").submit(function(){
    var postdata = $(this).serialize();
    var url = $(this).attr("action"); //something.php;
    $.post(url, postdata, function(res){
        console.log(res); //your PHP results
        alert('thanks');
    });
});

Answer 2

将目标设置为 iframe 它将在同一页面上加载。

<form action="send_form_email.php" method="post" target="my_iframe">
  .........................
</form>


<iframe name="my_iframe" style="display:none"></iframe>