javascript - 在 iframe 中发布表单

Question

我想在 iframe 中发布一个表单，生成方式如下:

我的 JS 在页面中加载一个 iframe，向 iframe 添加一个表单并提交表单。我想要发生的是加载该请求结果的 iframe。因此，我实际上想发布一个表单并在 iframe 内 呈现结果，而不触及父级(除了首先将 iframe 设置为显示)。

我正在使用这个答案中的代码:

JavaScript post request like a form submit

但我无法让它不重新加载父项。我发布表单，而不是刷新 iframe，而是刷新整个父级。我不知道为什么会这样，因为它发布到的 url 不同并且至少会重定向到那里。

谁能帮我解决这个问题？我只想在 iframe 中发布一个帖子，基本上只在 iframe 中。

编辑:经过更多研究，显然没有正确创建表单。我正在使用 document.createElement("form") 然后使用 document.getElementById("my_iframe_id").appendChild(form) 来附加它，但它似乎无法正常工作。

Answer 1

正确，因为您正在当前文档中创建表单节点。

document.getElementById("my_iframe_id").contentWindow.document.createElement('form'); 

在 iframe 中创建它。