CORSが動作していないJqueryのAjax

Question

2つのドメイン間で簡単なjQueryのAjaxを動作させるのに苦労しています。

サイトAでAjaxを実行しようとすると、開発者ツールのネットワークセクションで、サイトBに関連するGETメソッドで「404が見つかりません」というメッセージが表示されます。 コンソールにもこのメッセージが表示されます。行方不明CORSヘッダー 'アクセス制御 - 許可 - 起源'」

で "サイトA" 私はこのている：

<script> 
    var xhr = new XMLHttpRequest(); 
    xhr.open("get", "http://domainB.com/resource.php", true); 
    xhr.onload = function() { 
     console.log('Connected!'); 
    }; 
    xhr.send(null); 

    $.ajax({ 
     url: 'http://domainB.com/resource.php', 
    }).done(function ($result) { 
     //somecode 
    }); 
</script> 

とリソースのサーバーで

：

<?php  
    header('Access-Control-Allow-Origin: *'); 
    header('Access-Control-Allow-Methods: GET, POST'); 
    header("Access-Control-Allow-Headers: X-Requested-With"); 
    //somecode 

（ "サイトB"）

これは私の初めてのCORSであり、何が間違っているのか分かりません。 http://www.html5rocks.com/en/tutorials/cors/：

が

Answer 1

ありがとう最後に、私はこの記事で答えを得ました。 問題は私のAjaxコードにあったようですが、いくつかのプロパティを追加したばかりで、今は完全に動作しています。 これは私のアヤックスは今どのように見えるかです：

 $.ajax({ 
      type: 'GET', 
      url: url, 
      cache: false, 
      contentType: 'text/plain', 
      xhrFields: { 
       withCredentials: false 
      }, 
     }).done(function ($result) { 
      //somecode 
     }); 

Answer 2

は、PHPページの先頭にこのコードを追加

http://domainB.com/resource.php

header("Access-Control-Allow-Origin: *"); 
header("Access-Control-Allow-Credentials: true "); 
header("Access-Control-Allow-Methods: OPTIONS, GET, POST"); 
header("Access-Control-Allow-Headers: Content-Type, Depth, User-Agent, X-File- Size, 
X-Requested-With, If-Modified-Since, X-File-Name, Cache-Control");