使用Jquery将表单提交给Iframe

时间:2017-08-03 12:55:25

标签: jquery html iframe model-view-controller reporting-services

我正在尝试使用Jquery将带参数的SSRS报告加载到IFrame中。我使用Form目标到iframe加载到Iframe但它打开到新窗口。

Html代码

<iframe id="SSRSReportIFrame" class="modal-fix-height" ></iframe>
<form id="SSRSParamPostForm" action="" method="post" target="SSRSReportIFrame"></form>

Jquery代码

var paramPostForm = document.getElementById("SSRSParamPostForm");
paramPostForm.action = ReportViewerPath + '?rc:Toolbar=true&rc:Parameters=Collapsed&rs:Command=Execute&' + ReportName;
paramPostForm.target = "SSRSReportIFrame";
postParamValues.forEach(function (param) {
          //Adding paramters values as hidden controls 
});
paramPostForm.submit();

或者以其他方式加载参数SSRS报告以加载到iframe中,除了将参数添加到查询字符串中。

1 个答案:

答案 0 :(得分:1)

表单目标引用IFrame的名称而非 ID 。您需要添加如下所示的名称属性,这应该有用。

<iframe name="SSRSReportIFrame" id="SSRSReportIFrame" class="modal-fix-height"></iframe>