ANGULAR - Żądanie GET jest skutczne wg headers, jednak errorCallback zwraca undefined

Question

Cześć!

chciałbym uzyskać dane z pliku .json. Oto moje żądanie:

.when("/contributors", {
        templateUrl: "templates/contributors.html",
        controller: "contributorsController",
        resolve: {
            myData: function($http) {
                return $http ({
                    method: 'JSONP',
                    url: 'https://konkretny adres.json'
                })
                .then(function(response) {
                    return response.data;
                }, function errorCallback(response) {
                   console.log(response);
                });

Problem polega na tym, że to nie działa. W narzędziach developerskich, w zakładce 'network' jest dostępny plik, który chce uzyskać. Wszystko wygląda na to, że żądanie zostało spełnione (Request Method: GET, Status Code: 200 OK). Mimo to otrzymuję errorCallback.

Możliwe, że problem jest z CORS (Cross-Origin Resource Sharing), ponieważ na lokalnym serwerze problem zniknął po dodaniu 'http://cors.io/?u=' przed adresem URL z plikiem .json. Na innych serwerach jednak, problem pozostaje.

Czy ktoś wie jak to rozwiązać?

Comments

Winny może być CORS, ale spróbuj jeszcze zapisać to w poniższy sposób:

$http ({
    method: 'JSONP',
    url: 'https://konkretny adres.json',
})
.then(function success(response) {
    console.log('Success data: ', response.data);
}, function errorCallback(response) {
    console.log('Error: ', response);
});

Może return przeszkadza (tzn. moim zdaniem jest tam zbędny, bo niby dokąd coś zwracasz)?

Poczytaj jeszcze o $http https://docs.angularjs.org/api/ng/service/$http

oraz odmiany dla jsonp https://docs.angularjs.org/api/ng/service/$http#jsonp