iframe中src参数过长问题解决
程序员文章站
2022-03-31 23:31:51
...
iframe中src参数过长问题解决
问题描述:iframe的src跳转页面是get提交,get提交在浏览器中最大限制在2k以内,超过2k就终止跳转,所以就想办法用post跳转。
解决方法:
1、在父页面获得iframe的window对象。
2、往iframe里写入form表单,form表单使用post传输,并且写入要传递的大长度参数。
3、父页面控制iframe的form提交。
js
var url = 'mubiao.jsp';
var data = '此处为大数据';
var html = '<form action="'+url+'" method="post" target="_self" id="postData_form">'+
'<input id="wor_iteId" name="wor_iteId" type="hidden" value="'+data+'"/>'+
'</form>';
document.getElementById('ifr_1').contentWindow.document.wirte(html);
document.getElementById('ifr_1').contentWindow.document.getElementById('postData_form').submit();
页面
<iframe id="ifr_1" src="about:blank" width="100%" height="140px" noresize>
JS刷新iframe
有效方法:
var myIfr = document.getElementById('q_ifr');
myIfr.src = myIfr.src;
另外有用这个的
document.frames('q_ifr').location.reload();
我在使用的时候在谷歌和火狐下没反应。
要用还是用上面的那个好使。
问题描述:iframe的src跳转页面是get提交,get提交在浏览器中最大限制在2k以内,超过2k就终止跳转,所以就想办法用post跳转。
解决方法:
1、在父页面获得iframe的window对象。
2、往iframe里写入form表单,form表单使用post传输,并且写入要传递的大长度参数。
3、父页面控制iframe的form提交。
js
var url = 'mubiao.jsp';
var data = '此处为大数据';
var html = '<form action="'+url+'" method="post" target="_self" id="postData_form">'+
'<input id="wor_iteId" name="wor_iteId" type="hidden" value="'+data+'"/>'+
'</form>';
document.getElementById('ifr_1').contentWindow.document.wirte(html);
document.getElementById('ifr_1').contentWindow.document.getElementById('postData_form').submit();
页面
<iframe id="ifr_1" src="about:blank" width="100%" height="140px" noresize>
JS刷新iframe
有效方法:
var myIfr = document.getElementById('q_ifr');
myIfr.src = myIfr.src;
另外有用这个的
document.frames('q_ifr').location.reload();
我在使用的时候在谷歌和火狐下没反应。
要用还是用上面的那个好使。
上一篇: Excel2007工作表删除
下一篇: iframe中src参数过长问题解决
推荐阅读
-
IE中iframe标签显示在DIV之上的问题解决方案
-
Android中的SQL查询语句LIKE绑定参数问题解决办法(sqlite数据库)
-
angular中如何绑定iframe中src的方法
-
CodeIgniter RestServer中put请求获取不到参数的问题解决
-
asp.net中mvc使用ajax提交参数的匹配问题解决探讨
-
iframe的src属性设为'#'导致父页面二次加载问题解决
-
设计模式 - php中如何解决函数参数列表过长问题
-
CodeIgniter RestServer中put请求获取不到参数的问题解决_PHP教程
-
CodeIgniter RestServer中put请求获取不到参数的问题解决_PHP教程
-
Android中的SQL查询语句LIKE绑定参数问题解决办法(sqlite数据库)