Heim > Web-Frontend > HTML-Tutorial > jsp 嵌套iframe 从iframe中表单提交并传值到外层_html/css_WEB-ITnose

jsp 嵌套iframe 从iframe中表单提交并传值到外层_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:22:07
Original
1490 Leute haben es durchsucht

今天因需求迭代 更改元来代码 遇到了这么个问题

就是想在 iframe中提交后进行整个页面的跳转 并把iframe中的值传到外层jsp

大概就是这个样子

外层 a.jsp

<div id="d"></div><iframe src="b.jsp" name="listresult" width="100%" height="100%" frameborder="0"></iframe>         
Nach dem Login kopieren

内层 b.jsp

<form action='....do' >    ...<br />  <input type='hidden' name='a' value='a'/>   <input type='submit' value='提交'/></form>
Nach dem Login kopieren

于是想当然的开始码代码

打算用js进行赋值 在b.jsp中 写个js

$('#d').val('<s:property value="a"/>');
Nach dem Login kopieren

虽然能获取到隐藏域的值 但 外层的值并没有传过去

结果失败

然后各种找 终于找到了一个可行的方法

思路就是在b.jsp中 js写个方法 调用 a.jsp中的js方法 然后实现跳转 再在a.jsp中进行赋值

好 上代码

b.jsp

window.parent.f1('<s:property value="a"/>');
Nach dem Login kopieren

a.jsp

function f1(value){        window.parent.document.getElementById('main').src = '....do?a='+value;}
Nach dem Login kopieren

 

 

----------------------------分隔线---------------------------------------

 

下面是网上找到了关于 window.parent的解释

 

好 收工

 

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage