How to read JSON file in angular js

Question

I am working on a project where i have to read the product and display it on my HTML page here is my Controller

  app.controller('SecondCtrl', function($scope,srvShareCart ,srvShareData,srvAddtoCart,$http) {
      $scope.product=[];
    $scope.One=function(){
     //alert($scope.ids);
       $scope.ids= srvAddtoCart.getData();
       for (var i=0; i<$scope.ids.length; i++){
      $http.get("http://www.ilexsquare.com/JwelTech/wordpress/api.php?function=GetProduct&id="+$scope.ids[i])
        .then(function (response) {

            srvShareCart.addData(response.data);
        });

        $scope.cart = srvShareCart.getData();
        console.log($scope.cart);

     }

    }

and here is My HTML page

<div ng-controller="SecondCtrl">
    <ul> <li class=oxy-list__item  ng-repeat="d in cart">{{d.title}}</li></ul></div>

here is a working API

this the Example API link

it's giving me an error in response.data which is coming as undefined.what is the issue in it ? I am getting the output but it's not in a form of array.. how do i Add those products in array. i have tried $scope.carts.push($scope.products); but its not storing as an array

Error: JSON.parse: unexpected character at line 1 column 1 of the JSON data this is the error — Rocking Birds
– Rocking Birds, Commented Jan 24, 2016 at 12:35
Ok, what is in $scope.ids[i] and what did you get returned if you call http://www.ilexsquare.com/JwelTech/wordpress/api.php?function=GetProduct&id="+$scope.ids[i] directly in your browser replaced by the id which was in $scope.ids[i]. — STORM
– STORM, Commented Jan 24, 2016 at 12:37
This works for me. But are you sure, that you have the correct id within $scope.ids[i]. I mean have you checked this? — STORM
– STORM, Commented Jan 24, 2016 at 12:39

Peter Aron Zentai · Accepted Answer · 2016-01-24 12:47:37Z

2

The response content type sent from the API is plain text instead of application/json

answered Jan 24, 2016 at 12:47

Peter Aron Zentai

11.8k6 gold badges43 silver badges72 bronze badges

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

Comments

Drone · Accepted Answer · 2016-01-24 12:51:06Z

2

Try like this.

         $http.get({
            url: "http://www.ilexsquare.com/JwelTech/wordpress/api.php?function=GetProduct&id="+$scope.ids[i],
            dataType: "json",
            success: function (response) {
                srvShareCart.addData(response.data);
            },
            error: function (msg) {
                alert(msg.d);
            }
        });

answered Jan 24, 2016 at 12:51

Drone

1,1342 gold badges13 silver badges31 bronze badges

Collectives™ on Stack Overflow

How to read JSON file in angular js

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related