使用 JavaScript 将输入发送到 url 并控制 iframe 直到提交？答案

【问题标题】：Using JavaScript to send input to a url and control a iframe until submit?使用 JavaScript 将输入发送到 url 并控制 iframe 直到提交？
【发布时间】：2017-05-30 06:51:27
【问题描述】：

我有一个基本的 html 设置：

        <input id="input_data" type="text" />
    <input id="submit_data" type="submit" value="submit" />
<br />
<iframe name="Frame1" id="Frame1" src="~/d/Test.php?DataId=(This is where I need input data)" ></iframe>

我查看了一些类似的标题，但方法不起作用。 Prehaps 我完全做错了，因为 iframe 甚至不应该做任何事情，直到提交被按下。

【问题讨论】：

标签： javascript html iframe input submit-button

【解决方案1】：

尝试使用form标签提交并使用return防止页面刷新。并通过dom设置src属性。iframe在src添加后加载

function add() {
  var url = document.getElementById('input_data').value
  document.getElementById('Frame1').src = "~/d/Test.php?DataId=" + url
  console.log(document.getElementById('Frame1').src);
  return false;
}

<form onsubmit="return add()">
  <input id="input_data" type="text" />
  <input id="submit_data" type="submit" value="submit" />
  <br />
</form>
<iframe name="Frame1" id="Frame1"></iframe>

【讨论】：

【解决方案2】：

iFrame 会在父页面渲染后立即加载，因为您在 html 标记中设置了 src 属性。

如果你想稍后加载它，你可以通过在 JavaScript 中设置 src 属性来实现：

document.getElementById("Frame1").src = "/d/Test.php?DataId=" + data;

【讨论】：

正是我正在寻找的，是在做它并试图将它作为一个没有任何脚本的字符串传递。深夜。
很高兴我能帮上忙。