• 技术文章 >web前端 >html教程

    解决父页面加载iframe时,src链接中参数值过大导致加载失败的问题_html/css_WEB-ITnose

    2016-06-24 11:52:07原创1320

    有时候我们在使用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页面即可:

    主页面: