ASP.NET頁(yè)面借助IFrame提交表單數(shù)據(jù)所遇到問(wèn)題的解決方法分享
更新時(shí)間：2011年10月25日 16:11:41 作者：
ASP.NET頁(yè)面借助IFrame提交表單數(shù)據(jù)所遇到問(wèn)題的解決方法分享，碰到同樣問(wèn)題的朋友可以參考下。
首先看下面的代碼片段，我們希望用戶(hù)在點(diǎn)擊頁(yè)面上的Button時(shí)首先將數(shù)據(jù)提交到指定的第三方頁(yè)面，然后再執(zhí)行后臺(tái)的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事件在頁(yè)面被提交時(shí)觸發(fā)，此時(shí)首先執(zhí)行WebGatewayDoubleSubmission腳本方法，在該方法中，將當(dāng)前Form的action，onsubmit，target，method緩存到指定的變量中，然后將Form的action和target指向另一個(gè)頁(yè)面進(jìn)行提交，此時(shí)頁(yè)面上的數(shù)據(jù)被Post到第三方頁(yè)面。然后再使用頁(yè)面上隱藏的IFrame來(lái)調(diào)用submitPostIframeSubmission方法，并將原先的Form進(jìn)行提交。這里有一個(gè)問(wèn)題，在上面的代碼中有一行被注釋掉了，原因就是直接使用IFrame的onload方法并不能觸發(fā)該事件，從而導(dǎo)致submitPostIframeSubmission方法不能執(zhí)行，頁(yè)面的第二次提交不成功！使用eventPush方法可以有效地解決該問(wèn)題。
同時(shí)，在服務(wù)端的Page_Load事件中，需要使用IsPostBack來(lái)判斷頁(yè)面是否被提交了：
protected void Page_Load(object sender, EventArgs e)
{
if (Page.IsPostBack)
{
//TODO:
}
}
復(fù)制代碼 代碼如下:
<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事件在頁(yè)面被提交時(shí)觸發(fā)，此時(shí)首先執(zhí)行WebGatewayDoubleSubmission腳本方法，在該方法中，將當(dāng)前Form的action，onsubmit，target，method緩存到指定的變量中，然后將Form的action和target指向另一個(gè)頁(yè)面進(jìn)行提交，此時(shí)頁(yè)面上的數(shù)據(jù)被Post到第三方頁(yè)面。然后再使用頁(yè)面上隱藏的IFrame來(lái)調(diào)用submitPostIframeSubmission方法，并將原先的Form進(jìn)行提交。這里有一個(gè)問(wèn)題，在上面的代碼中有一行被注釋掉了，原因就是直接使用IFrame的onload方法并不能觸發(fā)該事件，從而導(dǎo)致submitPostIframeSubmission方法不能執(zhí)行，頁(yè)面的第二次提交不成功！使用eventPush方法可以有效地解決該問(wèn)題。
同時(shí)，在服務(wù)端的Page_Load事件中，需要使用IsPostBack來(lái)判斷頁(yè)面是否被提交了：
復(fù)制代碼 代碼如下:
protected void Page_Load(object sender, EventArgs e)
{
if (Page.IsPostBack)
{
//TODO:
}
}
相關(guān)資料：
http://www.4ucode.com/Study/Topic/1087401
http://wiki.operamasks.org/pages/viewpage.action?pageId=1835020
您可能感興趣的文章:
- asp.net中MVC借助Iframe實(shí)現(xiàn)無(wú)刷新上傳文件實(shí)例
- asp.net在iframe中彈出信息并執(zhí)行跳轉(zhuǎn)問(wèn)題探討
- asp.net 文件上傳與刷新與asp.net頁(yè)面與iframe之間的數(shù)據(jù)傳輸
- ASP.NET中使用IFRAME建立類(lèi)Modal窗口
- asp.net省市三級(jí)聯(lián)動(dòng)的DropDownList+Ajax的三種框架(aspnet/Jquery/ExtJs)示例
- asp.net 學(xué)習(xí)之路 項(xiàng)目整體框架簡(jiǎn)單的搭建
- asp.net GridView中超鏈接的使用（帶參數(shù)）
- ASP.NET 鏈接 Access 數(shù)據(jù)庫(kù)路徑問(wèn)題最終解決方案
- asp.net實(shí)現(xiàn)生成靜態(tài)頁(yè)并添加鏈接的方法
- ASP.NET中iframe框架點(diǎn)擊左邊頁(yè)面鏈接 右邊顯示鏈接頁(yè)面內(nèi)容
相關(guān)文章
我們將大致了解一下ASP.NET MVC如何使用Ajax的輔助方法2013-03-03
DAM 簡(jiǎn)單跨數(shù)據(jù)庫(kù)ADO.NET組件
這是一個(gè)可以實(shí)現(xiàn)簡(jiǎn)單跨數(shù)據(jù)庫(kù)基于ADO.NET的組件。您可以在DAL層透過(guò)它來(lái)訪(fǎng)問(wèn)數(shù)據(jù)庫(kù)。這是一個(gè)以前寫(xiě)過(guò)一個(gè)小組件的修改版.2011-01-01
Asp.Net二級(jí)域名共享Forms身份驗(yàn)證、下載站/圖片站的授權(quán)訪(fǎng)問(wèn)控制
我們平時(shí)一般在做圖片或者文件下載權(quán)限控制的時(shí)候基本都是控制到下載頁(yè)面的，當(dāng)你的下載地址暴露后，瀏覽者就直接可以通過(guò)文件地址進(jìn)行下載了，這時(shí)候也就出現(xiàn)了我們常說(shuō)的盜鏈2012-02-02
.net core中的Authorization過(guò)濾器使用
這篇文章主要介紹了.net core中的Authorization過(guò)濾器使用，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
這篇文章主要為大家詳細(xì)介紹了RabbitMQ .NET消息隊(duì)列使用方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
ASP.NET編程中的十大技巧...2006-09-09
ASP.Net中的async+await異步編程的實(shí)現(xiàn)
這篇文章主要介紹了ASP.Net中的async+await異步編程的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
這篇文章主要介紹了利用Aspose.Cells組件導(dǎo)出excel文件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
ASP.NET中Validation驗(yàn)證控件正則表達(dá)式特殊符號(hào)的說(shuō)明
本文介紹asp.net中RegularExpressionValidator控件中的幾種特殊字符串使用規(guī)則，并做了代碼演示，希望對(duì)大家有所幫助。2016-04-04
基于ASP.NET實(shí)現(xiàn)日期轉(zhuǎn)為大寫(xiě)的漢字
在寫(xiě)代碼時(shí)遇到一個(gè)需要將日期轉(zhuǎn)換為中文大寫(xiě)日期的問(wèn)題，網(wǎng)上找了找，示例不是很多，只有javascript代碼的，下面整理下在ASP.NET中怎么實(shí)現(xiàn)。2016-08-08