javascript - 如何防止页面重定向但仍提交表单

我的表格是这样的:

<form action="http://example.com/test.php" method="post">
.....
<input type="submit" class="submit" />
</form>

当用户点击提交按钮时，我想弹出一个窗口，上面写着“您已经提交了信息...”，信息将被传递到 test.php 页面。

我应该为此使用jQuery吗？

最佳答案

如果需要，您可以在不使用 AJAX 的情况下完成它，而且您甚至不需要 jQuery。
您需要在页面中的某处放置一个 IFRAME(甚至是隐藏的)并通过向 iframe 添加 TARGET 来修改您的表单。

<iframe name="formSending"></iframe>
<form action="http://example.com/test.php" method="post" target="formSending">
.....
<input type="submit" class="submit" />
</form>

在您的 test.php 文件中，您应该在末尾(或处理后)有一行，如下所示:

<script>alert('you have submitted the information....');</script>

关于javascript - 如何防止页面重定向但仍提交表单，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13910699/