如何从 https 弹出窗口重新加载 http window.opener？

Question

我有一个 http 窗口，它会打开一个安全弹出窗口以向第三方网站提交表单。弹出窗口关闭后，我想重新加载打开器，以便它反映表单提交的结果。

由于开启器和弹出窗口使用不同的协议（http 和 https），因此我无法以简单的方式（window.opener.location.reload()）执行此操作。还有别的办法吗？我必须冒险尝试 JSONP 吗？

Answer 1

笨拙的方法：设置超时来检查打开的弹出窗口是否已关闭。

function checkClosed(){
    if(new_win.closed){
        alert('Window was closed');
    }
    else{
       window.setTimeout(checkClosed,1000);
    }
} 

new_win = window.open('about:blank');
window.setTimeout(checkClosed,1000);

Answer 2

我知道这是一个超级老的问题，但我找到了一个更好的方法来做到这一点： 跨文档消息传递：

$('a#popup').on('click', function(event) {
    event.preventDefault();
    $this = $(this);
    authenticationWindow = window.open($this.href, 'authenticationPopup');
});

window.addEventListener('message', function (evt) {
    // simplified, should check for matching event.origin
    if (event.data == 'OK' && event.origin == window.location.protocol+'//'+window.location.host) {
        authenticationWindow.close();
    }
});

在弹出窗口中（当然，如果您控制它，至少在最后一页），您需要这样做：

opener.postMessage('OK', window.location.protocol+'//'+window.location.host);

这将关闭弹出窗口，并且还允许您执行其他操作，例如通过 Ajax 更新数据或重新加载页面。