Problems parsing a JSON response using AngularJS

Question

I am new using AngularJS and I am having an issue parsing a json response. This is the HTML code I am using:

<!DOCTYPE html>
<html ng-app>
<head>
    <script src="@routes.Assets.at("javascripts/angular.min.js")" type="text/javascript"</script>
    <script src="@routes.Assets.at("javascripts/carLibrary.js")" type="text/javascript"></script>
</head>
<body>

<div ng-controller="CarCtrl">
    <ul>
        <li ng-repeat="car in cars">
            {{car.name}}
            <p>{{car.speed}}</p>
        </li>
    </ul>
    <hr>
    <p>{{response}}</p>
</div>
</body>
</html>

And this is the Javascript code using AngularJS:

function CarCtrl($scope, $http) {

    $scope.getAllCars = function () {
        $scope.url = 'getAllCars';

        $http.get($scope.url).success(function (data, status) {
            $scope.response = data;
            var carsFromServer = JSON.parse(data);
            $scope.cars = carsFromServer.allCars;
        }).error(function (data, status) {
                $scope.response = 'Request failed';
            });
    }

    $scope.getAllCars();
}

The HTML is showing the variable $scope.response with the JSON returned by the server, but it is not showing anything in the list at the top. The JSON is perfectly formatted, however $scope.cars variable seems to be always empty.

What am I doing wrong?

Many thanks,

GA

Could you show an example of the JSON that you are getting?

mael
– mael

2013-07-29 06:36:09 +00:00
Commented Jul 29, 2013 at 6:36 — mael
– mael, Commented Jul 29, 2013 at 6:36

Karen Zilles · Accepted Answer · 2013-07-29 06:39:07Z

14

$http.get will parse the json for you. You do not need to parse it yourself.

   $scope.cars = data.allCars;

answered Jul 29, 2013 at 6:39

Karen Zilles

7,6713 gold badges37 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Muhammad Omar ElShourbagy · Accepted Answer · 2017-08-20 21:59:14Z

3

Just parse your data like that

function (response,httpStatus) {    
                 alert('response' + angular.toJson(response));                  
         }

It is built-in feature of angularjs.

edited Aug 20, 2017 at 21:59

Muhammad Omar ElShourbagy

7,1182 gold badges34 silver badges51 bronze badges

answered Jul 14, 2015 at 6:49

S.P Singh

1,2993 gold badges17 silver badges23 bronze badges

Collectives™ on Stack Overflow

Problems parsing a JSON response using AngularJS

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related