data issue addEventListener in IE9

Question

I've to pass some data from iframe to parent.

iframe code

window.parent.postMessage({message: 'Test'}, "*");

Parent Code

  window.addEventListener('message', function (e) { alert('Received message 1 : ' + e.data.message); document.getElementById('ExchangeID').value=e.data.message; }, false); 

This works fine in Firefox, Chrome, Safari. When i run this in IE9 , I get an error that e.data.message is undefined .

What is missing here ?

Answer 1

From the Can I Use... page on Cross-document Messaging :

Partial support in IE8-9 refers to only working in frames/iframes (not other tabs/windows). Also in IE 9 and below an object cannot be sent using postMessage .

You can, however, use the alternative syntax:

window.parent.postMessage("test", "*")