ifameからAjaxを呼ぶとエラー

Question

現在Fuelphpで勤怠システム開発をしています。
ifameからAjaxで同ドメインの別のページを呼ぶと、
「No 'Access-Control-Allow-Origin' header is present on the requested resource」というエラーが出てアクセスできません。

Answer 1

みなさん回答ありがとございます。
解決できましたので、載せておきます。

kohashiさんに教えていただいた、ヘッダに

<?php header('Access-Control-Allow-Origin: *'); ?>

と入れまして、それだけだとFirefox(ここでは)のコンソールログエラーで
『CORS ヘッダ 'Access-Control-Allow-Origin' が '*' と異なる』
と言われまだ解決できないので、
Ajaxの方でさらに以下のように書いてあげる必要がありました。

$.ajax({
        data: data, //文字列とか
        crossDomain: true, //これを書かないとエラーに引っかかる
        method: "POST",
        dataType: "json", //jsonpにする必要なし
        url:'~~~~',//(呼び出したいcontorollerのurlなど)
        xhrFields: { withCredentials:false }, //Access-Control-Allow-Origin: * にしているホストに
                                //対して withCredentials は指定できないため、falseに。でも明示的に宣言しないとエラー。
        error: function () {
   失敗した時の処理
        },
        success: function () { 
   成功した時の処理
        }
    });

これで行けました。
解決するにあたり、window.postMessage()使って、iframeの上のファイル、、
実質クロスドメインじゃないページの関数を起動させて、コントローラー読み込ませる方法も考慮しましたが、今回はこちらで解決できましたので、見送りしました。
参考までに
http://zafiel.wingall.com/archives/6631
https://developer.mozilla.org/ja/docs/Web/API/Window/postMessage
http://d.hatena.ne.jp/bannyan/20090820/1250789189

追記
error,success関数は非推奨になっているようですね。
jQuery1.8以降は done,fail を代わりに使う。

Comments

[退会済みユーザー]

フィードバックありがとうございます！

[RyotaBannai]

こちらこそ回答していただいて、ありがとうございました。

Answer 2

ローカルホストで動かしてるんですか？とりあえずシンプルに、HTTPヘッダに Access-Control-Allow-Origin: * を追加するように設定してみては。

phpは詳しくないのですが、phpの場合は <?php header('Access-Control-Allow-Origin: *'); ?> で大丈夫だと思います。

Comments

[RyotaBannai]

ローカルです。
<?php header('Access-Control-Allow-Origin: *'); ?>
を追加して再度読み込んでみましたが、
(理由: CORS ヘッダ 'Access-Control-Allow-Origin' が '*' と異なる)
と出てエラーでした。

Answer 3

X-Frame-Options NONE みたいな情報返してるんじゃないですか？
header関数 だったり、meta タグだったり…

Comments

[RyotaBannai]

回答ありがとうございます。
header関数やmetaタグでX-Frame-Options NONE のような情報は返してないです。
firefoxのコンソールログには、
クロスオリジン要求をブロックしました: 同一生成元ポリシーにより、http://localhost/~~~~~~~/ にあるリモートリソースの読み込みは拒否されます (理由: CORS ヘッダ 'Access-Control-Allow-Origin' が足りない)。
と出力されます。。。

[退会済みユーザー]

もしかして、ajax の問い合わせ先を http(s): ~ で書いてませんんか？
相対パスで指定してみては？

何れにしても現物で確認できないと回答困難ですわ…

[RyotaBannai]

相対パスで書いてますね。

[退会済みユーザー]

現物（ソース）で確認できないと回答困難ですわ…