Як ви використовуєте window.postMessage між доменами?

Question 1

Здається, сенс window.postMessage полягає у забезпеченні безпечного спілкування між вікнами / фреймами, розміщеними в різних доменах, але насправді це, здається, не дозволяє цього в Chrome.

Ось сценарій:

Вбудуйте <iframe> (з a srcна домен B ^* ) на сторінку домену A
В кінцевому підсумку <iframe> є в основному тегом <script>, в кінці якого виконується ...
Я викликаю window.postMessage ( some_data , page_on_A )

Я отримую таке повідомлення про помилку в Chrome:

Неможливо опублікувати повідомлення для A . Одержувач має походження B .

Ось код, який реєструє прослуховувач подій повідомлень на сторінці в A:

window.addEventListener(
  "message",
  function (event) {
    // Do something
  },
  false);

Я також намагався зателефонувати window.postMessage(some_data, '*'), але все, що робить, це придушити помилку.

Мені просто не вистачає сутності тут, чи не для цього призначене window.postMessage (...)? Або я просто роблю це жахливо неправильно?

_{* MIME-тип тексту / html, який він повинен залишатись.}

Question 2

Ось приклад, який працює на Chrome 5.0.375.125.

Сторінка B (вміст iframe):

<html>
    <head></head>
    <body>
        <script>
            top.postMessage('hello', 'A');
        </script>
    </body>
</html>

Зверніть увагу на використання top.postMessageчи parent.postMessageні window.postMessageтут

Сторінка A:

<html>
<head></head>
<body>
    <iframe src="B"></iframe>
    <script>
        window.addEventListener( "message",
          function (e) {
                if(e.origin !== 'B'){ return; } 
                alert(e.data);
          },
          false);
    </script>
</body>
</html>

А і В мають бути щось на зразок http://domain.com

РЕДАГУВАТИ:

З іншого питання , схоже, домени (A та B тут) повинні мати a /для postMessageправильної роботи.

Question 3

Ви повинні опублікувати повідомлення від фрейму до батьків, після завантаження.

сценарій кадру:

$(document).ready(function() {
    window.parent.postMessage("I'm loaded", "*");
});

І послухайте це по-батьківськи:

function listenMessage(msg) {
    alert(msg);
}

if (window.addEventListener) {
    window.addEventListener("message", listenMessage, false);
} else {
    window.attachEvent("onmessage", listenMessage);
}

Для отримання додаткової інформації використовуйте це посилання: http://en.wikipedia.org/wiki/Web_Messaging

Question 4

Можливо, ви намагаєтесь надіслати свої дані з mydomain.com на www.mydomain.com або в зворотному порядку, ПРИМІТКА ви пропустили "www". http://mydomain.com та http://www.mydomain.com - це різні домени для JavaScript.