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

时间:2012-01-25 22:14:57

标签: javascript forms post iframe

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

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

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

2 个答案:

答案 0 :(得分:16)

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

答案 1 :(得分:1)

如果您没有ajax内容,只需将target =“_ top”添加到表单中,否则您将必须使用window.open( serialisedurl ,“_ top”)