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

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();隐藏模态

完整的例子在这里