首页 > 其他好文 > 详细

解决父类加载iframe，src参数过大导致加载失败

时间：2015-01-05 09:31:44 阅读：210 评论：0 收藏：0 [点我收藏+]

标签：

<iframe src="*******.do?param=****" id="leftFrame" name="leftFrame" frameborder="0"></iframe>

或者是使用js加载src：

var params = "?pk_id="+pk_id;

var frameLeftSrc = "<%=path %>/****/****.do"+params;

$(‘#leftFrame‘).attr("src",frameLeftSrc);

(先说明一下，此处只是以一个参数为例，实际可能会有多个参数。我们继续)

上面两种写法，都可以实现iframe的加载，我们可能会以为没问题，很正确。其实上面的写法的确是没有太大的问题，对于参数的值不长的时候，注意是参数的值的长度，不是参数的多少。比如说，我要向这个iframe中传递个参数，参数名叫pk_id，值是由主页面或者其他页面返回的一长串的主键拼接起来的值，起码3000个字符以上，这个时候我们再用这个方法访问就有问题了。因为这种url方法是通过get进行提交的，参数的长度是有限制的。

那么对于这种大数据传输的时候怎么办呢，我目前想到的就有两种（大家有什么更好的提议尽管提，相互交流，相互提高）：

一、仍旧用这个种方式传递，但是参数的值不要过长，前提是不长的参数值可以通过关联查询到你想要的长的参数值，这样iframe接收到这个不长的参数值之后，你再想办法获得在iframe子页面中获得你想要的长的参数值。（可以用，但不建议，因为需要个前提）

二、在主页面采用以下方法，进行加载iframe页面即可：

主页面：<iframe src="about:blank" id="leftFrame" name="leftFrame"  frameborder="0">

js：

var url="<%=path %>/pubitem/toChoosePubItemLeft.do"; //定义iframe页面的form表单的action

//定义form表单
var html1=‘<form id="queryForm" name="queryForm" method="post" target="_self" action="‘+url+‘">‘+
‘<input type="hidden" id="pk_id" name="pk_id" value="‘+pk_id+‘"/>‘+    //pk_id是一个长度超过3000字符的值
‘</form>‘;
document.getElementById(‘leftFrame‘).contentWindow.document.write(html1);  //将表单写入iframe中
document.getElementById(‘leftFrame‘).contentWindow.document.getElementById(‘queryForm‘).submit();//执行iframe中表单的提交

将以上方法封装到一个方法里面，然后主页面加载的时候调用这个方法，就会将主页面的大数据传递给iframe页面了。

解决父类加载iframe，src参数过大导致加载失败

标签：

原文地址：http://blog.csdn.net/hyf93924/article/details/42417675

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！