等待父窗口重新加载，然后关闭弹出窗口

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