等待父窗口重新加載，然後關閉彈出窗口

Question

我在彈出的窗口中顯示「請稍候」消息。 它應該等到父頁面刷新。 像這樣的調用函數立即關閉彈出窗口，然後刷新父窗口。 理想情況下，它應該等到家長刷新，然後應該關閉。 下面是代碼：

<script type="text/javaScript"> 
var myWindow; 
function submitForm() { 
myWindow = window.open("",""); // works fine 
window.parent.location.reload(true); 
} 
closeWindow(){ 
    myWindow.close(); 
} 
$(document).ready(function() { 
    submitForm(); 
    closeWindow(); 
}); 
</script> 

Answer 1

正如我在評論中提到父的刷新將失去參考彈出窗口。

對此的一個解決方案是使用css模式。這樣在點擊你的按鈕時你可以提交表單，但是你也會顯示一個模式。

$(document).ready(function() { 
    $('#openModal').hide(); 

    $('#button').click(function(e) { 
     $('#openModal').fadeIn('slow'); 
     e.preventDefault(); 
    }); 
}); 

當頁面刷新時，對話框將被隱藏。

注：如果您submitForm方法正在從表單重載的提交按鈕調用之前會發生提交有效丟失數據看看張貼通過AJAX你的數據，它能夠避免在總頁面的刷新（你有$('#openModal').hide();隱藏模式太）

完整的例子here