Is it possible to use the postMessage() method in Javascript to do cross-domain POST, GET, PUT, etc. calls? If so, how? And how do I pass headers and data?

Is it possible to use the postMessage() method in Javascript to do cross-domain POST, GET, PUT, etc. calls? If so, how? And how do I pass headers and data?

• javascript
• rest
• postmessage

Share Improve this question Follow edited Nov 17, 2011 at 18:53 Anne 27.1k99 gold badges6767 silver badges7171 bronze badges asked Nov 17, 2011 at 18:51 GroppeGroppe 3,8791313 gold badges4646 silver badges6868 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

This is a two way implementation, meaning that the page you want to call needs to have a callback that listens to such a message and give an appropriate response. You can't simply use it as a swap replacement for AJAX. The best method for that is to use a server-side proxy.

See this page for an explanation of how postMessage works.

Yes, it is possible.

There is a nice demo of what exactly you want, here

document.getElementById("iframe").contentWindow.postMessage(
        document.getElementById("message").value,
        "http://anotherdomain."
);

handled on the second side with

window.onmessage = function(e){
  if ( e.origin !== "http://html5demos." ) {
    return;
  }

  document.getElementById("test").innerHTML = e.origin + " said: " + e.data;
};