html - 研究 : Form targeting an iFrame to submit

Question

我最初着手学习如何处理“支持 ajax 的文件上传”；我发现并理解了其中一个主要概念:作为 ajax 是不可能的，但您可以提交一个表单，并将目标设置为隐藏的 iFrame 的 ID [1]。这似乎被社区普遍接受并与所有浏览器兼容。这是一个准确的评估吗？

我的问题是:这种方法有哪些缺陷？因为如果没有，在我看来，每个“ajax-ready post”都可以用同样的方式完成。删除文件上传组件，这种方法与 jQuery.post() 方法相比似乎具有相同的结果。

在我研究过的所有问题和资源中，我只能找到处理我最初问题的“解决方案”。关于针对 iFrame 的表单，我一直无法在任何地方找到任何类型的“赞成与反对列表”或“这种方法的陷阱”；如果您知道，请随时分享!

[1] HTML 示例:

<form method="post" target="take_the_reload">
    ...
</form>
<iframe class="hide_me" id="take_the_reload" name="take_the_reload"></iframe>

非常感谢，

哔哔声

引用资料:我使用的一些资源:

1. http://www.joshclarkson.net/blog/file-uploads-in-a-hidden-iframe-using-jquery/
2. Firefox form targetting an iframe is opening new tab
3. http://terminalapp.net/submitting-a-form-with-target-set-to-a-script-generated-iframe-on-ie/
4. javascript: submit form in an iframe...help
5. http://www.openjs.com/articles/ajax/ajax_file_upload/

Answer 1

当我第一次开始使用 AJAX(在 jQuery 和 Prototype 出现之前)时，我曾经对我的所有表单都这样做……只是将它们发布到一个隐藏的 Iframe 中。这很容易而且没有痛苦。

form-post 的缺点:

• 它并不是真正的“纯”AJAX(除了文件上传)。我确信 iframe 中针对结果的所有 DOM 操作都比仅通过 XHR 取回响应要慢。
• 错误处理比较困难 - 您必须查看服务器结果放入 Iframe 的内容
• 事情正在朝着基于 JSON 的数据处理方向发展，而单靠表单是做不到的
• 有时您想在表单和服务器之间“在中间”做一些事情，例如一些字段映射或包含其他客户端数据