向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除|赢在IT，Playin' with IT,Focus on Killer Application,Marketing Meets Technology.

iframe跨域传值超过2M的问题解决
使用iframe进行传值时，如果采用URL的方式传递，则最大只能传递大约2k的数据，超过这个长度就会被截断了，那么是否可以采用post的方式传值呢？答案是可以的，我们可以采用js创建一个form表单，并将此form提交到iframe上，这样就能做到打破2k数据的限制。
<iframe id="frame1" name="frame1" src="" style="display:none"></iframe>   <script>   var tranVal = function(){       document.getElementById("frame1").style.display = "block";       var postForm = document.createElement("form");       postForm.method = "post";       postForm.action = "http://localhost:8080/test/getdata.jsp";       postForm.target = "frame1";//用来将数据提交到frame1上              var input = document.createElement("input");       input.type = "hidden";       input.name = "username";//这个是传值的名称，要记住       var strA = "1234567890";       //循环500000次后，保证字符串的大小大于2M       for(var i=0;i<500000;i++) strA+= "1234567890";       input.value = strA;       postForm.appendChild(input);       document.body.appendChild(postForm);       postForm.submit();       //用完之后，不要忘记删掉       postForm.removeChild(input);       document.body.removeChild(postForm);   }   </script>   <button onclick="tranVal()">       传递值   </button>

还需要注意2个问题：

1 tomcat下post不能超过2M的问题
这个需要将tomcat的配置文件server.xml修改一下：
<Connector connectionTimeout="20000" port="8080" protocol="HTTP/1.1" redirectPort="8443" maxPostSize="0"/>
maxPostSize为0时，表示不用限制长度。

2 跨域的问题
跨域不影响iframe的post传值，发送方的tomcat无需更改，只是需要将接收方的tomcat的maxPostSize修改为0即可。

来自:http://housen1987.iteye.com/blog/1695065

作者：jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除
地址：https://jackxiang.com/post/7476/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明！