.......
<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';
}
}
分享到:
相关推荐
用iframe提交表单,主要是将表单提交到iframe中,可实现无刷新提交。 html页面: <iframe name="FORMSUBMIT" width="1" height="1" ></iframe> ...
以前在面试的时候经常遇到问关于跨域的事儿,所以自己对跨域有一定的概念性了解,知道什么是跨域以及解决跨域的方法,但是具体实际从来没有操作过,直到最近在公司项目中,遇到了一个需要使iframe跨域进行POST提交的...
如下所示: layer.open({ id: 'LAY_layuipro', //设定一个id,防止重复弹出 ... var inputForm = $(window.frames[layui-layer-iframe + index].document).contents().find(#userForm); inputForm.
利用iframe对form表单(含文件上传)进行跨任何域提交,无刷新且可以返回值
基本原理就是在页面增加一个隐藏iframe,然后通过ajax提交除文件之外的表单数据,在表单数据提交成功之后的回调函数中,通过form单独提交文件,而这个提交文件的form的target就指向前述隐藏的iframe。 html 代码 ...
今天小编就为大家分享一篇php 提交表单 关闭layer弹窗iframe的实例讲解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
具体的原理是:当表单在提交数据的时候,不将提交目标设置为当前的页面,而是当前页面中的一个嵌入框架。首先你应该在body下面插入一个嵌入框架: 复制代码代码如下:<iframe style=”width:0; height:0; margin-...
首先看下面的代码片段,我们希望用户在点击页面上的Button时首先将数据提交到指定的第三方页面,然后再执行后台的Page_Load事件。 代码如下: <body> <iframe id=”WebGatewaySubmissionProcessor_IFrame” ...
此时需要在自己的网站做一个动态页作为代理,将表单提交到动态页,动态页负责将表单的内容使用WebClient或HttpWebRequest将表单数据再上传到远程服务器,由于在服务器端进行操作,就不存在跨域问题了。 WebClient...
表单进行无刷新提交,ajax技术 if (!this.length) { log('ajaxSubmit: skipping submit process - no element selected'); return this; } var method, action, url, $form = this; if (typeof options == ...
使用ajax实现表单提交无刷新页面在项目中经常会用到。前一段时间跟着师傅学到了另外几种无刷新提交表单的方法,主要是基于iframe框架实现的。现在整理出来分享给大家。 第一种: (html页面) HTML Code复制内容到...
创建表单对应的模型类,设置字段验证规则创建表单提交对应的action,处理提交的内容在视图中创建表单form在刚刚的一个小项目里,想使用ajax提交表单信息并验证保存,又不想用隐藏iframe来做无刷新提交,并且action中...
2、用iframe上传文件,提交表单,主要思路就是: a、js创建form表单,iframe,添加到body里,form的target要和iframe的name一致。 b、form表单里更新数据,submit提交 c、如果上传文件,图片,form里面添加 ...
今天以一个表单的自动提交,来进一步学习selenium的用法 练习目标 0)运用selenium启动firefox并载入指定页面(这部分可查看本人文章 http://www.cnblogs.com/liu2008hz/p/6958126.html) 1)页面元素查找(多种...
通过表单在iframe内向一个跨域的url提交的时候,如何判断提交成功了呢?这个,基本上,很难,因为浏览器安全沙箱的限制,我们没有办法通过获得iframe内部不同域页面的信息。
找遍资料得出结果:不能 不过同时也找到了解决办法,就是用iframe的方式来提交表单,即实现无刷新提交表单又可以上传文件! 一、HTML代码 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional...