【問題】

anicatch.netというドメインで動いているウェブアプリでHTML+JavaScriptを生成してブラウザに返す。帰って来たJavaScriptの中において、XMLHttpRequestを用い、別ドメイン（今回は api.anicatch.netというドメイン）上で動いているAPIサーバのapiを叩きたい。

で、Access-Control-Allow-Originで許されてないよっ！的なブラウザのエラーを喰らいつづける。

JavaScript文書からapi.anicatch.netを叩いていいのはanicatch.netで生成されたものだけに制限したい。

【調査1】

Ajaxのクロスドメイン問題について

HTTP access control (CORS)

Access-Control-Allow-Origin試してみた。

jquery - Cross-Domain AJAX REST service HTTP Headers

http - Access-Control-Allow-Origin Multiple Origin Domains?

ajax - Error in chrome : Content-Type is not allowed by Access-Control-Allow-Headers

AjaxでAccess-Control-Allow-Originのエラーを回避する方法

なるほど分からん

【解決】

APIサーバのOSがDebianなので、apacheのhttpd.confが/etc/apache2/httpd.confにあって、ここに以下のような二行を挿入

<Virtualhost *:80>
        （いろいろ略）
        ServerName api.anicatch.net
        <Directory>
                # 1.「送り側からContent-Typeを指定しちゃらめぇぇ」
                #    ていうエラーが出続けたので、これも許しちゃう
                Header set Access-Control-Allow-Headers "Content-Type"
                # 2. 本命はこっち
                Header set Access-Control-Allow-Origin "http://anicatch.net"
        </Directory>
</Virtualhost>

これをAPIサーバのアパッチの設定に追加することで、クロスドメインだけどanicatch.netからのhttpリクエストは許すようになっためでたしめでたし。あ、アパッチリスタートすんの忘れがち。