javascript - 将表单数据 POST 到 iframe 内的另一个表单

标签 javascript php jquery html iframe

所以我正在运行一个JX浏览器,它允许内容在iframe中显示。当有人登录我的票务软件时,我想将他们的用户名和密码发布到iframe中的另一个表单

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

就像在 jquery 中一样,您可以获得每个提交内容的 .val 并将其发送到另一个表单字段..我想这样做..

最佳实践是什么?

最佳答案

您可以设置target表单上的属性将其指向 <iframe>按名字。

例如:

<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您的表单上必须是其他登录处理 url,而不是登录表单本身(如果它们是单独的)。所以基本上是action外部形式的属性。输入字段的名称也必须与目标表单的名称匹配。

示例:http://jsfiddle.net/297suggf/2/ - 请注意iframe没有src属性,它从 action 加载 url在带有随请求传递的 POST 数据的表单上。 (这是一些允许测试 POST 的随机网站)。

我认为这不是一个好主意,如果接收端有保护(例如 CSRF token ),它可能不起作用,但如果这是最后的手段类型的情况,你可以尝试一下

关于javascript - 将表单数据 POST 到 iframe 内的另一个表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33132707/

相关文章:

javascript - setAttribute ("value")不适用于密码字段

PHP登录错误基本

jquery - 使用 jQuery 通过 Azure 访问控制服务 (ACS) 进行单点登录?

javascript - 我已经在 python 中创建了一个列表,但是如何在 javascript 中迭代这个列表?

jquery - 返回到 jquery 和 html 中的代码开头

javascript - 在 iOS 移动版 Safari 13(iPhone X 和 11)中隐藏全屏网络应用程序的状态/位置栏

JavaScript 检查属性是否定义

javascript - 在 React 中更新喜欢或不喜欢的计数器后更新进度条

php - while 空变量的正确使用方法

php - PHP 中的内联 javascript 检查