如何使用jQuery将html动态加载到iFrame中？

我正在处理iframe文件上传器（所以我的文件上传器似乎是ajax）。 我正在尝试将该表单放在我的页面上并将其插入到iframe 。 然后我将在iframe提交表单。 但是，它不起作用。 这是我的代码：

jQuery的：

 function submitFile() { $(document).ready(function() { if ($('[name=files]').val() != "") { var fileForm = $('#attachFile').html(); $('#emptyDiv').html(''+fileForm+''); } }); } 

HTML：

这显然不是一个完整的解决方案，但我注意到在提交表单后我设法将iframe插入到

元素中。 但是， iframe内部是以下代码：

 #document     

但我期望在iframe看到的是位于

forms内的html内容。 我错过了什么？

Answer 1

您不会尝试将表单复制到隐藏的iframe，而是将表单提交到隐藏的iframe。 将表单的target属性（或属性）设置为iframe的名称。

 var fileForm = $('#attachFile form').prop('target', 'hiddenIframe'); $('#emptyDiv').html(''); 

要么

Answer 2

尝试将HTML转换为单独的页面，并使用iframe的src属性引用它。