从代码后端更改IFrame的InnerHtml

9

我想在后端代码中动态地设置一个iframe的HTML内容。

在我的aspx页面中,我有:

<asp:Button ID="btnChange" runat="server" Text="Change iframe content" 
onclick="btnChange_Click" />

<br />

<iframe id="myIframe" runat="server" />

在代码后台:

protected void btnChange_Click(object sender, EventArgs e)
{
    myIframe.InnerHtml = "<h1>Contents Changed</h1>";
}

当我运行这个代码时,页面会回传(postback),但是myIframe的内容并没有改变... 我做错了什么??
我需要这样做是因为我正在将3D安全功能加入我的结账流程中.. 基本上:
1) 客户输入信用卡信息 2) 表格被提交,检查付款网关是否需要3D安全。如果需要,就会生成一个URL,指向银行安全位置以输入信息 3) 我创建一个POST请求到这个URL,其中包含一个长的安全令牌和一些其他信息。我获取从这个POST请求返回的HTML,并需要在iFrame中显示它。
以下是文档中的说明:
<html>
<head>
<title>Please Authenticate</title>
</head>
<body onload="OnLoadEvent();">
<form name="downloadForm" action="https://mybank.com/vbyv/verify" method="POST">
<input type="hidden" name="PaReq" value="AAABBBBCCCCHHHHHH=">
<input type="hidden" name="TermUrl" value="https:// www. MyWidgits.Com/next.cgi">
<input type="hidden" name="MD" value="200304012012a">
</form>

<script language="Javascript"> <!-- function OnLoadEvent(){ document.downloadForm.target = "ACSframe"; document.downloadForm.submit(); } //--> </script>

<!-- MERCHANT TO FILL IN THEIR OWN BRANDING HERE -->
<iframe src="blank.htm" name="ACSframe" width="390" height="450" frameborder="0">
</iframe>
<!-- MERCHANT TO FILL IN THEIR OWN BRANDING HERE -->
</body>
</html>

我猜选用 iframe 的原因是,因为 POST 响应包含 HTML head 和 body 标签。 - mangokun
1
可能比什么都不做更好的方法是从帖子响应中提取所需信息,而不是将整个内容作为垃圾处理。 - mangokun
5个回答

14

你可以尝试这个:

protected void btnChange_Click(object sender, EventArgs e)
{
   myIframe.Attributes["src"] = "pathtofilewith.html"
}

或者也许这个也可以起作用:

protected void btnChange_Click(object sender, EventArgs e)
{
   myIframe.Attributes["innerHTML"] = "htmlgoeshere"
}

3

iFrame 没有 innerHTML 属性。但是,自 HTML 5.0 起,有一个新的 srcdoc 属性。 http://www.w3schools.com/tags/tag_iframe.asp

值:HTML_代码

描述:指定要在 <iframe> 中显示的页面的 HTML 内容。

您可以像这样使用它:

protected void btnChange_Click(object sender, EventArgs e)
{
    myIframe.Attributes["srcdoc"] = "<h1>Contents Changed</h1>";
}

0
<asp:Button ID="btnChange" runat="server" Text="Change iframe content" onclick="btnChange_Click" />
<br />
<asp:Literal id="myIframe" runat="server" />

in the code behind:

protected void btnChange_Click(object sender, EventArgs e){
    myIframe.Text = "<h1>Contents Changed</h1>";
}

0
你需要做的是创建一个空的单独的aspx页面,它获取响应并将其加载到自己的主体中,换句话说,替换自身。

mypage.aspx:

<%@ Page contentType="text/html" %>
//... using your namespace that contains the required functionality
<% Response.Write(MyObject.CreateBody()) %>

然后将该页面放置在您的 iframe 中...

<iframe src="mypage.aspx" ... />

简单来说,iframe是一个客户端窗口,你无法从服务器端将其body作为对象引用,因为它还没有被加载!

或者...你可以打开一个html文件,转储响应,然后保存并关闭...那个文件总是被你的iframe引用。使用文本流对象、filesystemobject或类似的东西...

附注:我还没有尝试过其中任何一种方法。


0

你不能更改iframe的innerHTML属性。它根本没有innerHTML属性。尝试使用RegisterStartupScript并使用document.write来更改iframe的内容,因为它是一个窗口。

顺便说一句,我认为HTML标记更适合这个位置。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接