将值提交到另一个页面iframe表单

时间:2014-07-08 15:40:13

标签: javascript jquery html5 dom iframe

我想从iframe向另一个页面表单提交一个值,如下所示。

    <input form="form1" type="search><input form="form1" type="submit">

    <iframe src="anotherdomain">
    <form action="foo.php" method="post" id="form1"></form>
    </iframe>

怎么样?我想提交一个值,而不是重新加载整个页面,而只是iframe中的特定元素。

1 个答案:

答案 0 :(得分:1)

您无法向“表单”提交数据。这不是提交在WWW上提交的形式。您可以在其他网站上提交网址(可能与其表单使用的网址相同)。只需将action属性设置为绝对URI即可。 (如果目标站点实施针对CSRF的保护,则可能会失败。)

如果您要提交给iframe,请使用表单上的target属性。

<form action="http://example.com/foo.php" method="post" target="name_of_iframe">
<!-- etc -->

<iframe src="http://example.com" name="name_of_iframe"></iframe>

另一方面,如果您想通过客户端JavaScript操纵其他网站的DOM(例如修改框架中显示的输入的值),那么您需要: