• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    ASP.NET页面借助IFrame提交表单数据所遇到问题的解决方法分享
    首先看下面的代码片段,我们希望用户在点击页面上的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 

    您可能感兴趣的文章:
    • asp.net中MVC借助Iframe实现无刷新上传文件实例
    • asp.net在iframe中弹出信息并执行跳转问题探讨
    • asp.net 文件上传与刷新与asp.net页面与iframe之间的数据传输
    • ASP.NET中使用IFRAME建立类Modal窗口
    • asp.net省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs)示例
    • asp.net 学习之路 项目整体框架简单的搭建
    • asp.net GridView中超链接的使用(带参数)
    • ASP.NET 链接 Access 数据库路径问题最终解决方案
    • asp.net实现生成静态页并添加链接的方法
    • ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容
    上一篇:ASP.NET中操作数据库的基本步骤分享
    下一篇:SQL通用存储过程分页,支持多表联合
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    ASP.NET页面借助IFrame提交表单数据所遇到问题的解决方法分享 ASP.NET,页面,借助,IFrame,提交,