Question

关于JSP中父页面和子页面的数据交互问题

我在JSP页面中嵌套了一个iframe，但是现在我想用父页面的js去调用iframe中的对象，请问有什么好的方法吗？
比如说iframe中有一个<div id="ni">iframe中的div</div>
而在父页面中有一个按钮button，现在我想点击一下这个button，JS就alert子页面中的那个div中的内容，也就是（iframe中的div），请问用什么方法？？

注：我用的Jquery，最好Jquery中能有什么好方法，但是我查了很久都没找到，请教高手

Answer 1

jsp中父子页面交互传值方式介绍：
两个JSP页面，父页面需要子页面的内容，但子页面是隐藏的，具体来说，子页面是一系列的模板，父页面要通过id来获取这些模板，不愿意通过<include>方式导入，因为如果模板过多，就导致整个父页面太大，加载缓慢，以下两个方案：
1、通过ajax方式
实现过程:通过ajax请求到子页面中,子页面获取参数id使用java和js变量的交互后,返回需要的模板信息
缺点：把js变量转换成java变量比较麻烦,需要使用form表单来提交,而且jsp中的java脚本是在服务器端运行的,需要服务器端资源开销,而且增加了交互次数
2、通过iframe 引入
实现过程:使用iframe引入子页面,然后通过$(iframe.contents().find("#"+id)[0]).val()获得需要的模板。
缺点:不确定iframe是不是可以延迟加载,如果也想<include>一样把整个页面都导入进来，这样交互方便了。

Answer 2

在子页里面(设置子页面ID为“content”)写个方法：
function myAlert(){
alert("...");
}
在父页的按钮写个方法
<input type="button" onclick='$("content").contentWindow.myAlert()' />

大概这样。

Answer 3

子页中用action=""提交到父页,父页用getparameter()得到DIV中NAME的值,OUT.PRINT()输出