JS中window.open和window.opener的使用

简介:

一、发现问题
通过A页面通过window.open打开一个B页面,B页面提交过后,希望局部刷新A页面。


二、解决问题
A页面
window.open(url, '','width=100,height=100,resizable=no,status=no,menubar=no,scrollbars=no');

B页面
<form action="BAction?method=save">
<input type="submit" value="提交" />
</form>

BAction
public void save(HttpServletRequest request,HttpServletResponse response)
{
StduentSave();
PrintWriter pw = response.getWriter();
String jsAlert = "<script>alert('操作成功');window.opener.document.getElementById('hint').innerHTML='操作成功';window.close();</script>";
pw.write(jsAlert);
pw.flush();
}
B页面提交给了BAction,BAction处理过后关闭了B页面,同时只更新了A页面的提示区。


三、思考过程
除了更新某个区域的html,也可以更新表单元素:window.opener.document.getElementById('hint').value = "";

本文转自IT徐胖子的专栏博客51CTO博客,原文链接http://blog.51cto.com/woshixy/1352214如需转载请自行联系原作者


woshixuye111

相关文章
|
2月前
|
JavaScript
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
27 0
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
72 0
|
8天前
|
JavaScript 前端开发 应用服务中间件
node.js之第一天学习
node.js之第一天学习
|
1月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!