实现在父页面不刷新情况下显示子页面传递的信息
2016-07-12 11:09
555 查看
最近在所做的项目中遇到了如下的情况:由于用户需求特殊,所以公司所封装的标签不符合,需要开发人员自定义一个标签来实现数据的查询。
主要功能为在父页面点击该标签中的一个图片按钮时,会打开一个新的子页面,在子页面中查询到需要的信息后将信息返回到父页面,且父页面不进行刷新。
由于父页面不能够进行刷新操作,所以我所常用的使用action方式进行页面传值的方式就不能用了。所以在子页面返回父页面值时,我采用了如下方法:
假设A.jsp为父页面,B.jsp为子页面,父页面跳转子页面的action为C
如下:
A.jsp
B.jsp
主要功能为在父页面点击该标签中的一个图片按钮时,会打开一个新的子页面,在子页面中查询到需要的信息后将信息返回到父页面,且父页面不进行刷新。
由于父页面不能够进行刷新操作,所以我所常用的使用action方式进行页面传值的方式就不能用了。所以在子页面返回父页面值时,我采用了如下方法:
假设A.jsp为父页面,B.jsp为子页面,父页面跳转子页面的action为C
如下:
A.jsp
<input name="x" id="x1"> <button id="exclusionCode_helpB" onclick="exclusionCodeSearch(this)"> js部分 function exclusionCodeSearch(obj){ var someValue=window.showModalDialog("C.do","","dialogWidth=800px;dialogHeight=600px;status=yes;help=no;scrollbars=yes"); //将收到的值传递给input,因为我这里本来传递给的是一个table,所以要把值传给对应行的input,所以使用了jQ方式,如果只是简单的传给一个标签,直接用document.getElmentById().value=就行了 $(obj).closest("tr").find("td").eq(2).find("input").get(0).value=someValue[0]; }
B.jsp
这里的函数为点击子页面提交按钮后所执行的函数 function getmsg(){ var data_arr = 所要传递的值; parent.window.returnValue=data_arr; window.close(); }
相关文章推荐
- JSP/PHP基于Ajax的分页功能实现
- 开发阶段Jetty运行Jsp报错且响应空白
- jsp简单实现页面之间共享信息的方法
- Apache Web让JSP“动”起来
- JSP学习经验小结分享
- JSP 多条SQL语句同时执行的方法
- jsp登录会话的简单实现
- 在jsp页面中响应速度提高的7种方法分享
- (jsp/html)网页上嵌入播放器(常用播放器代码整理)
- 使用JSP制作一个超简单的网页计算器的实例分享
- JSP上传excel及excel插入至数据库的方法
- 浅析JSP的9大内置对象和4大作用域对象
- JSP中文乱码常见3个例子及其解决方法
- jsp实现将动态网页转换成静态页面的方法
- JSP基于Bootstrap分页显示实例解析
- JSP避免Form重复提交的三种方案
- 纯jsp实现的倒计时动态显示效果完整代码
- JSP自定义标签入门学习