HTML多个表单 - 刷新问题

Question

我在页面中有两个表单。第二种形式有一个文件上传输入组件以及其他控件。我的要求是使用文件提交第二个表单并仅刷新该表单而不刷新其他表单。如果它只是普通组件，我可以在Ajax中轻松完成。但是当表单有一个文件组件时，我觉得它不是那么直截了当。请提出任何想法吗???

Answer 1

您仍然可以在包含文件组件的表单上使用AJAX。也许你可以使用jQuery库（如果你还没有），因为这使得这些任务变得非常容易。

Answer 2

将第二个表单放在iframe中。

Answer 3

我过去的做法是在页面上隐藏iframe。然后将文件上载表单的目标设置为为iframe指定的名称。如果您需要符合xhtml，则可以在页面加载后使用JavaScript创建iframe，并在表单上设置目标。代码看起来像这样。您可以将css应用于框架以隐藏它。

<iframe name="myFrame" src="blank.htm"></iframe>
<form action="uploadFile.php" method="post" enctype="multipart/form-data" target="myFrame">
    <input type="file" name="myFile"/>
    <input type="submit" value="Upload"/>
</form>