AngularJS：$ http不適用於外部API

Question

myApp.config(['$httpProvider', function ($httpProvider) { 
    $httpProvider.defaults.useXDomain = true; 
    delete $httpProvider.defaults.headers.common['X-Requested-With']; 
}]); 

$http.defaults.useXDomain = true; 

$http.get('http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=asp+site:codehint.ru'). 
    success(
     function (data, status, headers, config) { 
      alert('answer'); 
     } 
    ); 

不工作！因爲：Access \ Control-Allow-Origin不允許Origin \ site name \。

我剛剛開始使用AngularJS並被迫使用$ .getJSON，因爲它在上面的情況下工作正常。任何人都可以向我展示上述代碼的正確解決方案，以便對Google等外部服務進行AJAX調用？

Answer 1

您應該嘗試使用$http.jsonp。

你只需要添加callback=JSON_CALLBACK您的要求：

$http.jsonp('http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=asp+site:codehint.ru&callback=JSON_CALLBACK') 

Answer 2

對於一個非常簡明的例子，使異步HTTP請求的角度結賬本文的明確解釋：Searching the iTunes API asynchronously with Angular JS