1

I would like to know how I can get content from an IFrame cross-domain?

I have no problem getting content from a non-cross-domain iFrame, but when it's located on another domain, JavaScript doesn't allow access.

Paul D. Waite
  • 96,640
  • 56
  • 199
  • 270
kay-zar
  • 43
  • 1
  • 2
  • 7
  • Use a proxy script on your server which gets the content and passes it on to your page... You can then communicate with that script via Ajax. – Šime Vidas Jun 24 '11 at 22:47
  • possible duplicate of [Get DOM content of cross-domain iframe](http://stackoverflow.com/questions/6170925/get-dom-content-of-cross-domain-iframe) – Paul D. Waite May 10 '12 at 14:15

2 Answers2

11

You use Cross Document Messaging, here's an example. Here's the significant code from the parent page:

window.addEventListener('message', receiver, false);
function receiver(e) {
    document.getElementById('message').value = e.data;
}
function update_child() {
    var el = document.getElementsByTagName('iframe')[0];
    el.contentWindow.postMessage('Updated from parent', '*');
}

The child page has identical code - note that you need to be able to implement the interface on both domains for this to work, either by yourself, if you control both, or in co-operation with the owner of the other domain. In production code you should set (and check) the origin.

robertc
  • 74,533
  • 18
  • 193
  • 177
5

Short of requesting it via a proxy on your own server, you can't.

The same origin policy prevents it (and for good reason; I would be very unhappy if you loaded my banking site in your iframe and read all my account details)

Quentin
  • 914,110
  • 126
  • 1,211
  • 1,335