如何从iframe内部提交表单并将结果放在外面

Question

我一直在尝试使用一个小的登录小部件，我将其嵌入到iframe内的静态页面中，允许某人登录我的网站。 我得到的问题是，当表单发布时，它最终出现在iframe内部而不是完整的浏览器页面。

我知道可以这样做，因为https://www.salliemae.com/在他们的主页上采用了相同的策略。 他们在静态页面中嵌入了一个iframe，为他们提供了所有逻辑。 我有非常相似的javascript，因为当有人点击时我调用form.submit（）。 唯一的区别是我使用jQuery来捕获click事件而不是将onclick直接放在表单元素上。

我在他们的calm.js中查看了他们的代码，它似乎正在做一个简单的form.submit（），但是他们的页面在浏览器中完全加载，而只在iframe中加载。 我已经环顾四周并没有看到类似的帖子，所以如果我错过了，请告诉我。

Answer 1

请参阅iframe的<form>标记中的target="_top" 。 这告诉浏览器在父框架中加载响应。

Answer 2

如果你没有ajax内容，你只需要在表单中添加target =“_ top”，否则你将不得不使用window.open（ serialisedurl ，“_ top”）