在aspx页面向iframe中post参数

最新推荐文章于 2024-04-11 09:10:42 发布

原创最新推荐文章于 2024-04-11 09:10:42 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#iframe #javascript #input #button #action

JavaScript 同时被 2 个专栏收录

136 篇文章

订阅专栏

ASP.NET

132 篇文章

订阅专栏

本文介绍了一种在ASP.NET应用中利用iframe实现无刷新提交表单的方法。具体步骤包括设置iframe并确保其id与name一致，创建一个用于提交的form，并将target指向该iframe，最后通过按钮或其他触发事件调用submit方法完成表单提交。

1.在页面放置一个iframe:
<iframe id="result" name="result" frameborder=0 width=850 height=280 marginheight=0 marginwidth=0 noresize scrolling=yes ></iframe>
注意iframe不需要指定src,且一琮要有id 与name,id与name一定要相同。

2.在<form id="form1" runat="server">...</from> 之后增加一个form用post的方式将数据向iframe中提交：
<form id="frmStaple" method="POST" target="result" action="XXX.aspx">
<input type="hidden" name="xmbh">
</form>
注意form的target要与iframe的id、name相同

3.在<form id="form1" runat="server">...</from>中增添加按钮或者其他触发frmStaple的提交事件，从而打开XXX.aspx，如:
<input type="button" value="确定" onClick="javascript:frmStaple.submit();">
如果想一打开页面就打开iframe，可以在其他地方使用frmStaple.submit()