将表单数据发布到iframe中的另一个表单

问题描述：

因此，我运行的是JX Browser，它允许在iframe中显示内容。当有人登录我的售票软件时，我想将他们的username and password发布到iframe的另一个form。将表单数据发布到iframe中的另一个表单

基本上iframe包含一个页面，我希望它们自动登录到。票务软件和页面的登录凭证是相同的，我想要做的就是将凭证传递到iframe，其中有用户名和密码字段。

像jQuery的是每个提交就可以得到.VAL的，只是它发送到另一个表单字段..我想这样做..

什么是最好的做法是什么？

可以发布到iFrames吗？ – Casey

考虑到CORS的Html5rocks – Casey

答

您可以在表单上设置target属性以按名称指向。

例如：

<form action="process_login_url" method="post" target="iframelogin" id="loginform"> 
    <input name="login" type="hidden" value="login" /> 
    <input name="password" type="hidden" value="p4ssw0rd" /> 
</form> 
<iframe name="iframelogin"> 
<script> 
// automatically post the form 
document.getElementById('loginform').submit() 
</script>

你需要预先填充隐藏字段与用户登录名和密码，然后形式自动发送到iframe中。您的表单上的action必须是其他登录处理网址，而不是登录表单本身（如果它们是单独的）。所以基本上外部形式的action属性。输入字段的名称也必须与目标表单的名称相匹配。

实施例：http://jsfiddle.net/297suggf/2/ - 注意iframe没有src属性，它加载从action的URL以与请求传递的POST数据形式。（这是一个允许测试POST的随机网站）。

我不认为这是一个伟大的想法，如果有在接收端保护（如CSRF令牌），它可能无法正常工作，但youu可以给它一个镜头，如果这是一个不得已的类型情况

将表单数据发布到iframe中的另一个表单

相关推荐