如何使用 javascript 将凭据传递给 iframe答案

【问题标题】：How to pass credentials to iframe using javascript如何使用 javascript 将凭据传递给 iframe
【发布时间】：2016-09-25 19:43:03
【问题描述】：

我正在开发 Kibana，为了显示我的 kibana 仪表板，我在 HTML 中使用 iframe，并且我的 kibana 仪表板具有身份验证 [使用 ReadOnlyRest 插件]。

为了传递凭据，我使用了以下格式。

http://user1:user1@myhost:5601/app/kibana#/dashboard/xyz_dashboard.

现在，如果我想用动态凭据值代替 "user1:user1"，我想使用 JavaScript 或 Ajax 或 Angularjs 来使用 rest。

我真的很空白，搜索了很多，但没有得到任何我能理解的东西。

请帮助我。

【问题讨论】：

点击按钮更改iframe 中 src 属性的值。
我只试过这个。
stackoverflow.com/questions/11878947/…。找到了这个链接，所以在某个地方我知道它可以使用 JavaScript 来完成。我不知道完成这项工作的时间也很少
在您的问题中更新此代码？是的，这可以通过 javascript 完成
我没有编写任何代码，只是我的工作是为包含 Iframe 的 HTML 文件提供凭据。由于我不懂 JavaScript，我需要时间来学习，但没有时间。 :'(
Akhilesh Singh，有什么可以帮助我的链接吗？？

标签： javascript jquery angularjs ajax iframe

【解决方案1】：

您可以尝试在您的 js 代码中创建一个变量。查看窗口对象，您可能能够从那里获取用户。例如：`

<script> 
  function myFunction() {
  var user = getCurrentUser(); // where getCurrentUser is a way to get the user
  var source =  user + "@localhost:5601/app/kibana#/dashboard/…;;";
  document.getElementById("myFrame").src = source;
} 
</script>`

【讨论】：

嗨，R.Czq，我会试一试，让你知道。
嗨，如果我按照您在脚本中提到的方式发送凭据，凭据会可见吗？
嗨，R.Czq 我终于完成了我的要求，谢谢你指导我。