AngularJS: Unable to parse a list of JSON

Question

The following is the JSON I'm trying to parse:

{[{"name":"Technology"},{"name":"Engineering"},{"name":"Business"}]}

I'm getting the error below:

Unexpected token [ in JSON at position 1
    at JSON.parse (<anonymous>)
    at fromJson

I'm getting the data from a service and saving it into the controller scope using the following:

vm = this;
vm.sectorList = response.data;

And my HTML:

<div ng-repeat="sector in ctrl.sectorList">
    {{sector.name}}
</div>

This is not a valid JSON document. Remove the wrapping curly braces and you are good to go. — Darin Dimitrov
– Darin Dimitrov, Commented Jan 31, 2017 at 15:21
JSON is not properly formatted, should be this {keyname:[{"name":"Technology"},{"name":"Engineering"},{"name":"Business"}]} — Mohd Asim Suhail
– Mohd Asim Suhail, Commented Jan 31, 2017 at 15:21
The code in the service, where you handle the response, is probably more interesting than your controller. It would be helpful to include it in your question. — henrikmerlander
– henrikmerlander, Commented Jan 31, 2017 at 15:35

Hanne Olsen · Accepted Answer · 2017-01-31 15:20:15Z

11

The JSON is invalid, hence the error you're getting. You're missing a key to go with the JSON array value. This for instance (key "anything" added) will work:

{"anything": [{"name":"Technology"},{"name":"Engineering"},{"name":"Business"}]}

answered Jan 31, 2017 at 15:20

Hanne Olsen

8927 silver badges7 bronze badges

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

Comments

henrikmerlander · Accepted Answer · 2017-02-01 12:15:25Z

6

If the response is an array it should not be enclosed in curly brackets {}. This would be valid JSON:

[{"name":"Technology"}, {"name":"Engineering"}, {"name":"Business"}]

You are also trying to use JSON.parse on an object, when it takes a string as input parameter. If you want to make an object into a JSON string you should use JSON.stringify.

edited Feb 1, 2017 at 12:15

answered Jan 31, 2017 at 15:23

henrikmerlander

1,58413 silver badges20 bronze badges

Comments

Afnan Ahmad · Accepted Answer · 2017-01-31 15:25:39Z

5

Your JSON is invalid you can validate your JSON Here

It should be:

[{
    "name": "Technology"
}, {
    "name": "Engineering"
}, {
    "name": "Business"
}]

answered Jan 31, 2017 at 15:25

Afnan Ahmad

2,5424 gold badges28 silver badges46 bronze badges

1 Comment

kulsoompatel Over a year ago

Thank you for the link to The JSON Validator

Lotus91 · Accepted Answer · 2017-01-31 15:29:56Z

3

You should remove the curly braces before the [] in your JSON :

[{"name":"Technology"},{"name":"Engineering"},{"name":"Business"}]

answered Jan 31, 2017 at 15:29

Lotus91

1,1234 gold badges18 silver badges31 bronze badges

Comments

Muhammad Saqlain · Accepted Answer · 2017-01-31 15:21:40Z

3

Your key is missing.

{"YourKEY": [{"name":"Technology"},{"name":"Engineering"},{"name":"Business"}]}

You cannot access object of arrays without key.

answered Jan 31, 2017 at 15:21

Muhammad Saqlain

2,2104 gold badges39 silver badges54 bronze badges

Comments

Sachila Ranawaka · Accepted Answer · 2017-01-31 15:24:54Z

3

you need to assign the array to property of the object. can't assign array just inside of the object without property

{  
   "items":[  
      {  
         "name":"Technology"
      },
      {  
         "name":"Engineering"
      },
      {  
         "name":"Business"
      }
   ]
}

in the ng-repeat it should change as following

<div ng-repeat="sector in ctrl.sectorList.items">
    {{sector.name}}
</div>

answered Jan 31, 2017 at 15:24

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

Collectives™ on Stack Overflow

AngularJS: Unable to parse a list of JSON

6 Answers 6

Comments

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related