父页面获取子页面的内容

Posted 2020-09-12 slgkaifa

需求说明:两个JSP页面,父页面须要子页面的内容,但子页面是隐藏的,详细来说,子页面是一系列的模板,父页面要通过id来获取这些模板,不愿意通过<include>方式导入,由于假设模板过多,就导致整个父页面太大,载入缓慢,下面两个方案,不知有没有解决问题.

1,通过ajax方式

实现过程:通过ajax请求到子页面中,子页面获取參数id使用java和js变量的交互后,返回须要的模板信息

缺点:把js变量转换成java变量比較麻烦,须要使用form表单来提交,并且jsp中的java脚本是在server端执行的,须要server端资源开销,并且添加了交互次数

2,通过iframe 引入

实现过程:使用iframe引入子页面,然后通过$(iframe.contents().find("#"+id)[0]).val()获得须要的模板.

缺点:不确定iframe是不是能够延迟载入,假设也想<include>一样把整个页面都导入进来,这种方法也不算ok.

欢迎读者网友提出自己的见解和方法,以期改进.