Как я могу сделать междоменный постMessage?

Question

Документация для postMessage подразумевает, что междоменный обмен сообщениями возможен.Однако:

// When the popup has fully loaded, if not blocked by a popup blocker

Это не очень четкое замечание , как на самом деле это сделать.

Представьте себе два веб-сайта:

1. [Родитель] размещен на qc-a.nfshost.com
2. [Ребенок] размещен на qc-b.quadhome.com

У родителя:

document.addEventListener('message', function(e) {
  alert('Parent got (from ' + e.origin + '): ' + e.data);

  e.source.postMessage('Round-tripped!', 'http://qc-b.quadhome.com');
}, false);

function go() {
  var w = window.open('http://qc-b.quadhome.com', 'test');

  /* This doesn't work because same-origin policy prevents knowing when
     the opened window is ready. */

  w.postMessage('Vain attempt.', 'http://qc-b.quadhome.com');
}

И у ребенка:

document.addEventListener('message', function(e) {
  alert('Child got (from ' + e.origin + '): ' + e.data);
}, false);

window.opener.postMessage('Ready!', 'http://qc-a.nfshost.com');

Все безрезультатно.

Помощь?

Answer 1

В настоящее время я вижу две проблемы. Небольшая ошибка в коде и проблема тайм-аута.

1) Ошибка, которую я вижу в вашем коде, заключается в том, что вы используете document.addEventListener. Я думаю, что правильным является window.addEventListener. Это в примере на странице postMessage .

2) С помощью тайм-аута вы можете иметь дочернее окно postMessage для родителя. Родительское окно узнает, когда ребенок будет готов.

Answer 2

Вы открываете окно и размещаете сообщение друг за другом. Нет никакого способа, которым открытый документ будет готов принять почтовое сообщение. Попробуйте отложить вызов postMessage до завершения загрузки окна.

Очень простой способ проверить это - обернуть w.postMessage () в setTimeout (на 10 секунд) и посмотреть, сможет ли он опубликовать его, когда документ будет готов.