Error: JSON.parse: expected ',' or ']' after array element

Question

Am newbie to Json am getting this error while call json my json file expected ',' or ']'

[
{
    "modules":
        [
                {
                   "title":"name of module1",
                   "description":"description of module1",
                   "weeks":[{"id":1, "title":"Week 01"}]
                },

                {
                   "title":"name of module2",
                   "description":"description of module2",
                   "weeks":[{"id":2, "title":"Week 02"},{"id":3,"title":"Week 03"}]
                }
        ]
  },
{

    "products":
      [
        {
          "url":"http://dummyimage.com/242x200/f3f3f3/2d2d2d.png",
          "description":"Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.",
          "viewurl" : "/",
          "savebtn" : "save"
        },
        {
          "url":"http://dummyimage.com/242x200/f3f3f3/2d2d2d.png",
          "description":"Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.",
          "viewurl" : "/",
          "savebtn" : "save"
        }
      ]
}

]

hope i did correct i dont know what is happening its getting Error: JSON.parse: expected ',' or ']' after array element am attempting to use in angular js controller

app.controller('settingsController', function($scope, $http){
    $http.get('assets/javascripts/datas.json').then(function(result){
        $scope.employe = result.data;
        $scope.prod = result
    })
});

and in view

 <div class="col-sm-6 col-md-4" ng-repeat="datas in prod.products">
            <div class="thumbnail">
                <img ng-src="{{ datas.url }}" alt="product">
                <div class="caption">
                   <h3>{{ datas.caption}} </h3>
                   <p>{{ datas.description}}</p>
                   <p><a role="button" class="btn btn-primary" ng-href="{{datas.viewurl}}">Button</a> <a role="button" class="btn btn-default" href="#">{{datas.savebtn}}</a></p>
                </div>
            </div>
        </div>

and the error in console

Error: JSON.parse: expected ',' or ']' after array element at line 76 column 9 of the JSON data cc@/test/assets/javascripts/vendors/angular.js:14:289 Ud/this.defaults.transformResponse<@/test/assets/javascripts/vendors/angular.js:69:58 xc/<@/test/assets/javascripts/vendors/angular.js:68:352 r@/test/assets/javascripts/vendors/angular.js:7:288 xc@/test/assets/javascripts/vendors/angular.js:68:336 b@/test/assets/javascripts/vendors/angular.js:70:65 ye/e/l.promise.then/K@/test/assets/javascripts/vendors/angular.js:100:59 ye/f/<.then/<@/test/assets/javascripts/vendors/angular.js:101:235 Zd/this.$get

Hmm, JSONLint.com says it's all good. Can you show your code around where you're attempting to use JSON.parse? — Phil
– Phil, Commented Sep 5, 2014 at 5:35
Have you perhaps registered a response transformer with the $httpProvider? If so, what does it look like? — Phil
– Phil, Commented Sep 5, 2014 at 5:46
Sorry, I'm not sure what "using 'ngRoute'" means. Also, is the JSON block at the top of your question the entire contents of assets/javascripts/datas.json? Check your browser's Network developer console and inspect the server response for that file to make sure it matches exactly — Phil
– Phil, Commented Sep 5, 2014 at 5:52

Chad Killingsworth · Accepted Answer · 2015-04-03 15:31:15Z

2

This error occurred for me when I parsed JSON from a string literal. When I copied in the JSON, I forgot that the escape sequences would need to be double escaped.

Example of the problem:

var data = JSON.parse('[{"key": "This value has \"a quoted\" string"}]');

While the string value is valid JSON, the escape sequences are lost. Then need to be double escaped:

Corrected version:

var data = JSON.parse('[{"key": "This value has \\\"a quoted\\\" string"}]');

answered Apr 3, 2015 at 15:31

Chad Killingsworth

14.4k2 gold badges37 silver badges59 bronze badges

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

Comments

sqp_125 · Accepted Answer · 2019-05-12 07:03:42Z

0

Well for me the problem occurs if I have a :// (e.g. http://) inside my json stirng for this reason I replaced it and it worked.

answered May 12, 2019 at 7:03

sqp_125

5786 silver badges25 bronze badges

Comments

Mokrane · Accepted Answer · 2025-02-01 16:31:00Z

0

A better way I found to get rid of this issue in javascript is:

JSON.parse(JSON.stringify(String.raw`${your_string}`))

answered Feb 1 at 16:31

Mokrane

3003 silver badges14 bronze badges

Collectives™ on Stack Overflow

Error: JSON.parse: expected ',' or ']' after array element

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related