What is causing “Uncaught SyntaxError: Unexpected token o” with $.parseJSON() and JSON.parse() [duplicate]

Answer 1

If the header is sent:

Content-Type: text/json

Then parseJSON() does not need to be called. For example:

In a PHP I would set the header like this:

<?php
header("Content-Type: text/json");
echo json_encode(array("someKey" => "someValue"));

And in Javascript I would have something like this for the success function:

success: function(response) {
// This will output "someValue" to the console.
// Note the lack of the parseJSON() call. parseJSON() is called for us because the header was sent as text/json
console.log(response.someKey);
}

Answer 2

response is already parsed, you don't need to parse it again.

If you parse it again it will perform a toString-cast first so you're parsing

"[object Object]"

which explains the unexpected token o.

Answer 3

Please take a look a the chapter Transforming Requests and Responses of the $http module.

If JSON response is detected, deserialize it using a JSON parser.

Since it is already parsed as JSON object, if you parse it again, you will get that error.

Here is a simple test:

response = '{"a": "a","b": "b"}';
var obj = $.parseJSON(response);
console.log(obj); //Object {a: "a", b: "b"} 
$.parseJSON(obj)  //Uncaught SyntaxError: Unexpected token o 

Answer 4

This was resolved with help of @CuongLe here by replacing

 response = memberFactory.getMonth("2013-08-01 06:30:00");
 var monthDays = $.parseJSON(response);

with:

response = memberFactory.getMonth("2013-08-01 06:30:00");
response.then(

function (monthDays) {
    console.log("monthDays : " + monthDays + " !!!");

    var dates = [];
    for (var i = 0; i < monthDays.length; i++) {
        if (i % 7 == 0) dates.push([]);
        dates[dates.length - 1].push(monthDays[i]);
    }

    $scope.dates = dates;
});