Javascript 使用纯JS而不是JQUERY发布表单数据并将响应存储在变量中

我正在做一些练习，试图学习Javascript，我创建了一个基本的webform，它将发布表单数据并在iframe中显示响应。（代码如下）

我想添加到这一点，并将来自服务器的响应作为字符串存储在变量中。如何使用普通Javascript实现这一点？我知道使用JQuery会容易得多，但在开始使用JQuery之前，我想学习JS基础知识

感谢您的帮助

 <form action="http://BLANK.ASP" method="get" target="hiddenFrame"
    <pre>
    userID:    <input type="text" name="userid"><br>
    password:  <input type="text" name="userpassword"><br>



    <center>
    <button type="submit">Submit</button>    
    </center>

    </pre>



    </form>

    <iframe id="hiddenFrame" name="hiddenFrame" style="width:1000px">hi
    </iframe>

---

我有种感觉，你可能是在擦地板。但是，如果iframe地址在同一个域中，则可以通过

然后，您可以通过
.innerHTML
或任何其他标准JavaScript方法获取信息。不幸的是，如果表单处理页面与您的网页不在同一域中，您将遇到权限错误。（见上面的链接）

假设您可以控制处理表单的页面，您可以尝试将该信息传递给父页面。希望您的iframe位于同一个域中，并且上面的内容对您很有用。如果你向我提供更多关于你正在做什么的信息，我可以用一些额外的信息来更新
 您可以创建一个包含所有字段的数组，然后使用JSON.stringify将其作为字符串。感谢您的响应。我仍在学习，因此我不确定如何实现您的建议。您将获取所有字段，获取所有字段的名称/值，并从中创建一个数组，然后将其字符串化。我甚至不需要使用iframe。我只是将表单数据发布到Web服务器并收到响应。我只想将响应存储为变量。上面的代码是代码的大部分。这只是我在浏览器中本地运行的一个练习。如果不知道Web服务器如何返回您的响应，很难说该怎么做。您可以尝试使用AJAX动态显示结果，并拉取
.innerHTML
。如果您控制处理数据的页面，事情可能会更简单。让我知道。
document.getElementById('hiddenFrame').contentWindow.document