js 中在子窗口中提交表单关闭子窗口刷新父窗口

最新推荐文章于 2021-03-19 16:58:36 发布

jiahhai

最新推荐文章于 2021-03-19 16:58:36 发布

阅读量610

点赞数

分类专栏： JavaScript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/jiahhai/article/details/84536850

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

按需求设计，一个窗口中，点击按扭，弹出模式窗口，在模式窗口中，添加完数据后（提交），关闭模式窗口，并且刷新父窗口，而恰恰模式窗口并不支持window.opener,所以无法获得父窗口，也就是说无法在关闭模式窗口后，来得到父窗口，但是可以借助showModealDialog的返回值来判断是否刷新，当调用showModealDialog时，父窗口代码会停在这一行，当弹出的模式窗口关闭时给window.returnValue赋值，再调用window.close()方法，最后submit提交，等数据提交后，会关闭了模式窗口，此时程序返回到父窗口，showModealDialog得到返回值，接下来，根据返回值即可决定是否要reload，注意：为避免打开新窗口，一定要在父窗口的<head>下加入<base target="_self" />,这样子就实现了关闭模式窗口来刷新父窗口了。

代码1：parent form
function showDatas(){
var re=window.showModalDialog("url","parameter","description");
if(re==1){
window.location.reload();
}
}
代码2：modal form
function subForm(){
window.returnValue="1";
window.close();
document.getElementById("myForm").submit();
}
---------------------------------------------------------------------------------------------------------------
用showModalDialog弹出页面后，提交表单总是弹出一个新窗口,其实解决方法很简单如下。
在子窗口自身使用
<base target = "_self">
放在head标签中
<head>
<BASE target=_self>
</head>

--------------------我实际中的使用--------------------
父页面：
function editItBrand(id){
var url = "editItBrand.jsp?id="+id;
var re=window.showModalDialog(url,window,"dialogWidth:610px;dialogHeight:390px;");
if(re==1){
//window.location.href=window.location.href ;
window.location.reload();
}
}
子页面：
<head>
<base target = "_self">
</head>
function submitForm(){
window.returnValue="1";
window.close();
myform.submit();
}

jiahhai

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js 中在子窗口中提交表单关闭子窗口刷新父窗口

按需求设计，一个窗口中，点击按扭，弹出模式窗口，在模式窗口中，添加完数据后（提交），关闭模式窗口，并且刷新父窗口，而恰恰模式窗口并不支持window.opener,所以无法获得父窗口，也就是说无法在关闭模式窗口后，来得到父窗口，但是可以借助showModealDialog的返回值来判断是否刷新，当调用showModealDialog时，父窗口代码会停在这一行，当弹出的模式窗口关闭时给window....
复制链接

扫一扫

专栏目录