Разбор файла JSONP в AngularJS

Question

Я новичок в Angular, а также относительно новичок в формате JSONP. В моем коде, я создал фабрику, чтобы прочитать в файле JSONP - и я получаю обратно переменные данные, как данные JSONP правильно

$http.get('someJSONFile').success(function(data){ 
    console.log(data); 
}); 

Бревно консоли возвращает мне следующее:

states([{"code":"AL","name":"Alabama"},{"code":"AK","name":"Alaska"},{"code":"AZ","name":"Arizona"},{"code":"AR","name":"Arkansas"},{"code":"CA","name":"California"},{"code":"CO","name":"Colorado"},{"code":"CT","name":"Connecticut"},{"code":"DE","name":"Delaware"}]) 

Итак - я застрял в том, что теперь делать. У меня есть объект данных, содержащий функцию. Мне нужно разобрать JSON из этой функции, но не уверен, как это сделать.

Я прочитал в других местах, которые мне нужно объявить функцию где-то в моем контроллере или на заводе под названием

function states(results) 
{ 
    // what is in results should be the JSON data I crave 
} 

Но даже если я сделаю это, я не думаю, что когда-либо выполняет - так я не знаю, что я должен сделать в этот момент, чтобы получить данные JSON в объект, который я могу использовать.

Полный файл Я пытаюсь разобрать это http://massachusettswebdesigns.com/states.json

Любая помощь приветствуется!

Answer 1

Угловой $http сервис предоставляет method для использования конечных точек JSONP. В вашем случае это должно работать:

$http.jsonp('someJSONFile').then(function(data) { 
    console.log(data) 
}); 

За сцену, Угловой создает глобально доступную функцию, которая будет получать данные, анализировать и передавать дальше, так что вам не нужно беспокоиться о создании функций самостоятельно.

Answer 2

То, что выглядит, как вы пытаетесь сделать, это стандарт JSON не JSONP, JSONP потребует обратного вызова и требуется только при получении данных из другого домена, то есть службы API

Также выход журнала консоли вы даете, недействительный JSON.

//init app 
var app = angular.module('MyApp',[]); 

//setup a factory for the data handling 

app.factory("Data",function($http){ 
return { 

    getData:function(type){ 

    return $http.get(type). 
     then(function(result) { 
      return result.data; 
     }); 
    } 
} 
}); 

//in a controller 'call' the factory for the data 

app.controller('main', function main($scope, Data) { 

//other stuff 

Data.getData('someJSONFile').then(function (data) { 
    $scope.jsonData = JSON.parse(data); 
}); 

//other stuff 
}); 

Answer 3

Так что моя ошибка была глупой. Файл JSON давал мне имя пользовательского обратного вызова, который я должен был определить. Как только я это сделал, все сработало. , , , Вот код

angular.module('locationApp') 
    .controller('MainCtrl', ['$scope', '$http', function ($scope, $http) { 


    $scope.states = []; 
    $scope.cities = []; 


    // Function for the States callback on the JSON files provided 
    window.states = function (data) 
    { 
     $scope.states = data; 
    }; 

    // Get the State JSON file. 
    $http.jsonp('http://locationinc-mapping-demo.herokuapp.com/states.json'); 


}]) // end of MainCtrl