關於JavaScript如何實作提交模式視窗後刷新父視窗資料的方法詳解

這篇文章主要介紹了JavaScript實現提交模式視窗後刷新父視窗資料的方法,涉及javascript視窗互動的相關操作技巧,需要的朋友可以參考下

本文實例講述了JavaScript實作提交模式視窗後刷新父視窗資料的方法。分享給大家供大家參考，具體如下：

有些時間，按需求設計，一個窗口中，點擊按扭，彈出模式窗口，在模式窗口中，添加完數據後（提交），關閉模式窗口，並且刷新父窗口，而恰恰模式窗口並不支援window.opener,所以無法獲得父窗口，也就是說無法在關閉模式窗口後，來得到父窗口，但是可以藉助showModealDialog的回傳值來判斷是否刷新，當呼叫showModealDialog時，父視窗程式碼會停在這一行，當彈出的模式視窗關閉時給window.returnValue賦值，再呼叫window.close()方法，最後submit提交，等資料提交後，會關閉了模式窗口，此時程式返回到父窗口，showModealDialog得到返回值，接下來，根據返回值即可決定是否要reload，注意：為避免打開新窗口，一定要在父視窗的8cea2e99ba256aa9b779f5ab5949ca21下加入2a6ca4bf612e61b8b04847c881d3bd93,這樣子就實現了關閉模式視窗來刷新父視窗了。

程式碼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();
}

以上是關於JavaScript如何實作提交模式視窗後刷新父視窗資料的方法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！