JavaScriptはXMLHttpRequestにてセキュリティの関係上、ファイルが置かれているドメインのサーバとしか通信できないという制約(クロスドメイン制約)があります。これを回避するためには、XMLHttpRequest2にてAJAX通信を行う方法があります。XMLHttpRequest2ではサーバー側がAccess-Control-Allow-Originヘッダーを設定していればクロスドメインの制限を回避することが可能です。ただ、これは対応ブラウザでいうと、特にIEで10以降でないと対応していない点で、環境が非常に限定されてしまいます。 XMLHttpRequestにてAJAX通信において、このクロスドメイン制約を突破する一般的な方法がいくつかあります。 PHPやCGIを経由 「JavaScript→PHPorCGI→参照したいファイル」という順に読み込んでいきます。設定が簡単で
![PostMessageを使ったクロスドメイン通信 | KnockKnock](https://cdn-ak-scissors.b.st-hatena.com/image/square/4bc6e766b81717ee6a2dd69dc572730ff8959624/height=288;version=1;width=512/http%3A%2F%2Fwww.knockknock.jp%2Fwp-content%2Fuploads%2F2013%2F05%2F20130528_img2.gif)