关于表单标签的动作属性

Question

您好，我想在有人单击表单标签的“提交”按钮时将信息发送到服务器，但不希望刷新或转到另一个URL。

我不了解AJEX是否为此目的需要它？？

Answer 1

正如Dragon66在评论中建议的那样，您可以使用嵌入式框架：

<form action="..." target="form-results">
...
</form>
<iframe name="form-results"></iframe>

内联框架将显示服务器发送的与页面内容不同的数据，但放置在其中。 根据服务器的响应，您可能只有一个小盒子，其中包含有关成功操作的信息。

您可以使用HTML属性或CSS设置嵌入式框架的尺寸（宽度和高度）。 如果您希望隐藏内联框架，则可以在HTML和/或CSS中将iframe { display: none}设置为width=0 height=0 frameborder=0

Answer 2

是的，您需要使用ajax。 请参考这些链接。

http://be.twixt.us/jquery/formSubmission.php 。

http://jquery.malsup.com/form/#ajaxForm

这是一个很好的示例，说明了如何使用ajax提交表单。