`
mutongwu
  • 浏览: 439743 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

表单提交至iframe

阅读更多
.......
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
........
<form id="fabokeForm" method="GET" action="json.asp" accept-charset="GBK" target="hiddenIframe">
..... ......
</form>
<iframe  id="hiddenIframe" name="hiddenIframe" width=0 height=0 style="display:none" frameborder=0 src="about:blank"></iframe>


   var  form = document.getElementById("fabokeForm");
    
    /**/
    var iframe = document.getElementById("hiddenIframe");
    function iframeOnload(){
        var html = "",json = null;
        try{
            var el = (iframe.contentWindow || iframe.contentDocument.parentWindow).document.body;
            while(el &&  el.nodeType !== 3){
                el = el.firstChild;
            }
            html = el.nodeValue ;
            json = html ? eval("(" + html + ")") : false;
        }catch(e){}
        if(json){
            if(json.data && json.data.title){
                alert(json.data.title);
            }else if (json.error){
                alert(json.error || "上传失败。");
            }
        }
    }
    
    if(iframe.attachEvent){
        iframe.attachEvent("onload",iframeOnload);
    }else{
        iframe.onload = iframeOnload;
    }
    //处理页面编码问题
    if(navigator.userAgent.indexOf("MSIE") !== -1){
        form.onsubmit = function(e){
            document.charset='GBK';
        } 
        window.onbeforeunload = function(){
             document.charset='UTF-8';
        }
    }

0
5
分享到:
评论

相关推荐

    用iframe提交表单,主要是将表单提交到iframe中,可实现无刷新提交。

    用iframe提交表单,主要是将表单提交到iframe中,可实现无刷新提交。 html页面: &lt;iframe name="FORMSUBMIT" width="1" height="1" &gt;&lt;/iframe&gt; ...

    关于iframe跨域POST提交的方法示例

    以前在面试的时候经常遇到问关于跨域的事儿,所以自己对跨域有一定的概念性了解,知道什么是跨域以及解决跨域的方法,但是具体实际从来没有操作过,直到最近在公司项目中,遇到了一个需要使iframe跨域进行POST提交的...

    layui弹出层按钮提交iframe表单的方法

    如下所示: layer.open({ id: 'LAY_layuipro', //设定一个id,防止重复弹出 ... var inputForm = $(window.frames[layui-layer-iframe + index].document).contents().find(#userForm); inputForm.

    js跨域iframepostMessage提交表单

    利用iframe对form表单(含文件上传)进行跨任何域提交,无刷新且可以返回值

    Ajax方式提交带文件上传的表单及隐藏iframe应用

    基本原理就是在页面增加一个隐藏iframe,然后通过ajax提交除文件之外的表单数据,在表单数据提交成功之后的回调函数中,通过form单独提交文件,而这个提交文件的form的target就指向前述隐藏的iframe。 html 代码 ...

    php 提交表单 关闭layer弹窗iframe的实例讲解

    今天小编就为大家分享一篇php 提交表单 关闭layer弹窗iframe的实例讲解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    使用iframe实现提交表单不刷新页面

    具体的原理是:当表单在提交数据的时候,不将提交目标设置为当前的页面,而是当前页面中的一个嵌入框架。首先你应该在body下面插入一个嵌入框架: 复制代码代码如下:&lt;iframe style=”width:0; height:0; margin-...

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

    首先看下面的代码片段,我们希望用户在点击页面上的Button时首先将数据提交到指定的第三方页面,然后再执行后台的Page_Load事件。 代码如下: &lt;body&gt; &lt;iframe id=”WebGatewaySubmissionProcessor_IFrame” ...

    Asp.Net模拟表单提交数据和上传文件的实现代码

    此时需要在自己的网站做一个动态页作为代理,将表单提交到动态页,动态页负责将表单的内容使用WebClient或HttpWebRequest将表单数据再上传到远程服务器,由于在服务器端进行操作,就不存在跨域问题了。 WebClient...

    jquery ajax表单提交

    表单进行无刷新提交,ajax技术 if (!this.length) { log('ajaxSubmit: skipping submit process - no element selected'); return this; } var method, action, url, $form = this; if (typeof options == ...

    基于HTML实现表单提交后不刷新页面

    使用ajax实现表单提交无刷新页面在项目中经常会用到。前一段时间跟着师傅学到了另外几种无刷新提交表单的方法,主要是基于iframe框架实现的。现在整理出来分享给大家。 第一种: (html页面) HTML Code复制内容到...

    yii框架表单模型使用及以数组形式提交表单数据示例

    创建表单对应的模型类,设置字段验证规则创建表单提交对应的action,处理提交的内容在视图中创建表单form在刚刚的一个小项目里,想使用ajax提交表单信息并验证保存,又不想用隐藏iframe来做无刷新提交,并且action中...

    文件上传,iframe跨域数据提交的实现

    2、用iframe上传文件,提交表单,主要思路就是:  a、js创建form表单,iframe,添加到body里,form的target要和iframe的name一致。  b、form表单里更新数据,submit提交  c、如果上传文件,图片,form里面添加 ...

    Python 自动化表单提交实例代码

    今天以一个表单的自动提交,来进一步学习selenium的用法 练习目标  0)运用selenium启动firefox并载入指定页面(这部分可查看本人文章 http://www.cnblogs.com/liu2008hz/p/6958126.html)  1)页面元素查找(多种...

    跨域表单提交状态的变相判断代码

    通过表单在iframe内向一个跨域的url提交的时候,如何判断提交成功了呢?这个,基本上,很难,因为浏览器安全沙箱的限制,我们没有办法通过获得iframe内部不同域页面的信息。

    ajax(iframe)无刷新提交表单、上传文件

    找遍资料得出结果:不能 不过同时也找到了解决办法,就是用iframe的方式来提交表单,即实现无刷新提交表单又可以上传文件! 一、HTML代码 代码如下: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional...

Global site tag (gtag.js) - Google Analytics