ASP.NET頁面借助IFrame提交表單數據所遇到問題的解決方法分享

2024-07-10 12:41:39

字體：大中小

來源：轉載

供稿：網友

首先看下面的代碼片段，我們希望用戶在點擊頁面上的Button時首先將數據提交到指定的第三方頁面，然后再執行后臺的Page_Load事件。
代碼如下:
<body>
<iframe id="WebGatewaySubmissionProcessor_IFrame" name="WebGatewaySubmissionProcessor_IFrame" style="display: none;"></iframe>
<form onsubmit="javascript:if (typeof WebGatewayDoubleSubmission != 'undefined') {WebGatewayDoubleSubmission(this);}" id="Form1" runat="server">
<div id="page">
<asp:Button ID="BtnClientSend" runat="server" />
</div>
<script type="text/javascript" id="WebGatewayScript">
WebGatewayDoubleSubmission = function(o) {
var oldAction = o.action;
var oldOnSubmit = o.onsubmit;
var oldTarget = o.target;
var oldMethod = o.method;
var iframeSubmisionTarget = document.getElementById("WebGatewaySubmissionProcessor_IFrame");
var submitPostIframeSubmission = function() {
o.action = oldAction;
o.target = oldTarget;
o.method = oldMethod;
o.onsubmit = oldOnSubmit;
o.submit();
};
/*iframeSubmisionTarget.onload = submitPostIframeSubmission;*/
eventPush(iframeSubmisionTarget, 'load', submitPostIframeSubmission);
o.action = "http://webgateway.hostedmscrm.com/V2/formprocessor.aspx";
o.target = "WebGatewaySubmissionProcessor_IFrame";
o.onsubmit = null;
o.method = "POST";
o.submit();
};
WebGatewaySubmission = function(o) {
o.action = "http://webgateway.hostedmscrm.com/V2/formprocessor.aspx";
o.method = "POST";
};
function eventPush(obj, event, handler) {
if (obj.addEventListener) {
obj.addEventListener(event, handler, false);
} else if (obj.attachEvent) {
obj.attachEvent('on' + event, handler);
}
}
</script>
</form>
</body>

Form中的onsubmit事件在頁面被提交時觸發，此時首先執行WebGatewayDoubleSubmission腳本方法，在該方法中，將當前Form的action，onsubmit，target，method緩存到指定的變量中，然后將Form的action和target指向另一個頁面進行提交，此時頁面上的數據被Post到第三方頁面。然后再使用頁面上隱藏的IFrame來調用submitPostIframeSubmission方法，并將原先的Form進行提交。這里有一個問題，在上面的代碼中有一行被注釋掉了，原因就是直接使用IFrame的onload方法并不能觸發該事件，從而導致submitPostIframeSubmission方法不能執行，頁面的第二次提交不成功！使用eventPush方法可以有效地解決該問題。
同時，在服務端的Page_Load事件中，需要使用IsPostBack來判斷頁面是否被提交了：
代碼如下:
protected void Page_Load(object sender, EventArgs e)
{
if (Page.IsPostBack)
{
//TODO:
}
}

相關資料：
http://www.4ucode.com/Study/Topic/1087401
http://wiki.operamasks.org/pages/viewpage.action?pageId=1835020

上一篇：Global.cs中自動獲取未處理的異常

下一篇：URL重寫及干掉ASP.NET試圖狀態的實現方法