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

來源：懂視網責編：小采時間：2020-11-27 22:42:43

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

ASP.NET頁面借助IFrame提交表單數據所遇到問題的解決方法分享:首先看下面的代碼片段，我們希望用戶在點擊頁面上的Button時首先將數據提交到指定的第三方頁面，然后再執行后臺的Page_Load事件。代碼如下:<body> <iframe id=WebGatewaySubmissionProcessor_IFrame name=WebG

推薦度：

點擊下載本文 文檔為doc格式

導讀ASP.NET頁面借助IFrame提交表單數據所遇到問題的解決方法分享:首先看下面的代碼片段，我們希望用戶在點擊頁面上的Button時首先將數據提交到指定的第三方頁面，然后再執行后臺的Page_Load事件。代碼如下:<body> <iframe id=WebGatewaySubmissionProcessor_IFrame name=WebG

首先看下面的代碼片段，我們希望用戶在點擊頁面上的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 

 
 




聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

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

推薦度：

點擊下載本文 文檔為doc格式

標簽： iframe 數據提交 asp.net頁面借助iframe提交表單數據所遇到問題的解決方法分享

熱門焦點

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

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

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

最新推薦

猜你喜歡

熱門推薦