1. 程式人生 > >使用js彈出模態視窗,提交儲存資料後關閉模態視窗,重新整理父視窗

使用js彈出模態視窗,提交儲存資料後關閉模態視窗,重新整理父視窗

首先,點選按鈕彈出模態視窗

   <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"/>