js弹出子窗口提交表单后刷新父窗口showModealDialog

转载于 2012-05-17 00:49:07 发布 · 5.1k 阅读

收录于

web前端

本文介绍了一种使用showModalDialog方法在不打开新窗口的情况下，通过模式窗口关闭后返回值来刷新父窗口的技术。通过在模式窗口自身加入<base target=_self/>标签，确保关闭模式窗口后刷新当前页面。

按需求设计，一个窗口中，点击按扭，弹出模式窗口，在模式窗口中，添加完数据后（提交），关闭模式窗口，并且刷新父窗口，而恰恰模式窗口并不支持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();
}

标签

#url #function