Angular.js 读取外部 JSON 地址

Question

大家好，我正在尝试使用以 JSON 格式提供每日紫外线指数信息的 EPA API。

我现在要阅读的链接是：

http://iaspub.epa.gov/enviro/efservice/getEnvirofactsUVHOURLY/ZIP/33126/JSON?callback=callBackFn

如果您打开该链接，它会显示有效的 JSON，但是当我在 Angular.js 代码中使用它时，它不会读取它，并且我的变量保持未知状态。我的代码是：

var tanApp = angular.module('tanApp')
.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
$scope.awesomeThings = [
  'HTML5 Boilerplate',
  'AngularJS',
  'Karma'
];
$scope.data = 'unknown';
    $http.get('http://iaspub.epa.gov/enviro/efservice/getEnvirofactsUVHOURLY/ZIP/33126/JSON?callback=callBackFn').success(function(data){
        $scope.data = data;
});
    tanApp.config(['$httpProvider', function($httpProvider) {
    $httpProvider.defaults.useXDomain = true;
    delete $httpProvider.defaults.headers.common['X-Requested-With'];
    }]);

我的 HTML 代码是 {{data}}。

当我取出“JSON”部分时，它会以 XML 的形式出现，因为它是默认的，并且实际上会显示，但我需要它作为 JSON。

有人可以让它工作或提供一些帮助吗？我可以提供比特币作为赏金。

谢谢！

Answer 1

问题在于您使用的 URI 返回原始 JSON 而不是 JSONP。您可以设置服务器端代理或与您的 API 提供商联系，看看是否有办法获得有效的 JSONP 响应。

如果您可以获得有效的 JSONP，您还必须设置回调来处理响应。

在这种情况下，请参考this question 的已接受答案。

Answer 2

您是否尝试过使用$http.jsonp() 而不是$http.get()。此外，如果您使用$http.jsonp()，则回调应设置为"JSON_CALLBACK"。

例如

$http.jsonp('http://iaspub.epa.gov/enviro/efservice/getEnvirofactsUVHOURLY/ZIP/33126/JSON?callback=JSON_CALLBACK')
    .success(function(data){
        $scope.data = data;
    }