Question

我正在尝试学习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>

Answer 1

我有一种感觉，你可能正在与Same Origin policy摩擦。但是，如果iframe地址位于同一域中，则可以通过

访问其内容

document.getElementById('hiddenFrame').contentWindow.document

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

假设您可以控制处理表单的页面，您可以尝试将该信息传递给父页面。希望您的iframe位于同一个域中，上述内容对您有用。如果您向我提供有关您正在做的事情的更多信息，我可以使用一些额外信息更新此信息。

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

1 个答案: