使用js彈出模態視窗,提交儲存資料後關閉模態視窗,重新整理父視窗
阿新 • • 發佈:2019-01-08
首先,點選按鈕彈出模態視窗
<input type="button" value="修改個人資訊" onclick="modify();"/>
function modify(){
var obj=window.showModalDialog('selfInfoSysUser.action', null, 'dialogWidth=400px;dialogHeight=338px');
if(obj==1){
window.location.reload();
}
}
模態視窗頁面:
在模態視窗頁面點選儲存按鈕時,進行form驗證提交後臺資料並對視窗返回值進行賦值
document.forms[0].submit();
window.returnValue=1;
window.close();
這樣就可以輕鬆實現關閉模態視窗,重新整理父視窗。還有什麼其他的好方法麼?
在模態視窗的head標籤開始要新增base標籤,這樣點選儲存按鈕後不會開啟新的視窗<base target="_self"/>