Чтение Angular.js Внешний адрес JSON

Question

Эй, ребята, я пытаюсь использовать API EPA, который ежедневно предоставляет информацию об УФ-индексе в JSON.

Ссылка Я пытаюсь читать в данный момент:

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

Вы пробовали это, используя $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; 
    } 

Answer 2

Проблема в том, что URI, который вы используете, возвращает необработанный JSON вместо JSONP. Вы можете либо настроить прокси-сервер на стороне сервера, либо проверить у своего поставщика API, чтобы узнать, есть ли способ получить действительный ответ JSONP.

Если вы можете получить действительный JSONP, вам также потребуется настроить обратный вызов для обработки ответа.

В этом случае обратитесь к принятому ответу за this question.