Angularjs http.getに失敗しました（しかし、データが返ってきたことがわかります）

Question

私はAngularjs電話のチュートリアルを通して歩き回っており、電話機のJSONをリモートサーバーから取得したいと考えています。

$http.get('http://myserver.com/phones.json').success(function(data) { 
    $scope.phones = data; 
}); 

これが原因CORSに失敗した、私はOPTIONSないGETリクエストを送信していましたので、私は、私はOPTIONSないGETことをチャールズに今見ることができるコントローラ

delete $http.defaults.headers.common['X-Requested-With'];  

に、この最初の行を追加しましたリクエストがmyserver.comに送信されており、電話機JSONが応答していることを確認します。しかし、http.getはまだステータス0で失敗していて、 'data'はnullです。

次に試すものは不明です。どんな洞察も高く評価されます。

Answer 1

GETのためにOPTIONSリクエストをしてはいけません。成功のための最初の、およびエラーの秒を - 引数として二つの機能をとる、私はあなたがthen()を使用したいと思います

$http.get('http://myserver.com/phones.json').then(function(data) { 
    $scope.phones = data; 
}, function(err) { alert('Oh no! An error!'}); 

：私は何がやりたいことはあると思います。 $http.get()は、then()によって実行される約束を返します。

また、$httpの代わりに$resourceを使用します。それは、抽象度の高いを提供し、より多くの再利用可能なスタイルを可能http://docs.angularjs.org/api/ngResource $リソース

EDIT：。

チェックアウト角度デバッグ・ツールhere。スコープ内で利用できるものを示し、パフォーマンスデータを表示します。

Answer 2

ドメイン間のリクエストを行っている場合、許可されているかどうかを知るために、OPTIONリクエストをpre-flight requestとして作成するのは正しいことです。 CORSが失敗した場合、ブラウザはデータを受信しますが、エラーが発生します。 したがって、あなたは同じドメインにあなたのhtmlを置くか、CORSをあなたのバックエンドに追加する（それはより困難です）。

Answer 3

$ http.jsonpメソッドを使用してクロスドメインGETSを実装する良いチュートリアルです。ヘッダーにハックはありません。

http://net.tutsplus.com/tutorials/javascript-ajax/building-a-web-app-from-scratch-in-angularjs/