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

Question

我的形式是这样的:

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

当用户单击提交按钮时,我想弹出一个窗口,其中显示"您已提交信息...",并且信息将传递到test.php页面.

我应该使用jQuery吗？

Answer 1

如果你愿意,你可以在不使用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>