Jquery - Ajax: SyntaxError: JSON.parse: unexpected character

Question

I am receiving the following valid JSON from my server:

[{"name":"Bubble Witch Saga 2","impressions":10749},{"name":"Grinder","impressions":11284},{"name":"Loovoo","impressions":12336},{"name":"Injustice God Among Us","impressions":12786},{"name":"Bookmyshow","impressions":13182},{"name":"Angry Bird","impressions":15404},{"name":"Flipkart","impressions":16856},{"name":"CNN-IBN","impressions":17230},{"name":"Fore Square","impressions":17595},{"name":"NDTV","impressions":19542},{"name":"Whatsapp","impressions":19976}]

But I keep getting an error in my console saying "JSON.parse: unexpected character." This is my client-side code:

$.ajax({
    'type': 'get',
    'data': {},
    'dataType': 'json',
    'url': 'dashboard/data/'+type,
    'complete': function(data) {
        var top10Value = JSON.parse(data);
        $.each(top10Value, function(key,value){
            console.log(key+" -- "+value);
        });
    }
});

Why am I getting this error?

You dont need to use JSON.parse - you have dataType set to json - and according to JSLint your response is valid — tymeJV
– tymeJV, Commented Jul 10, 2014 at 14:44
You'll also want to use the success option rather than complete to receive response data. These 2 events aren't passed the same arguments. — Jonathan Lonowski
– Jonathan Lonowski, Commented Jul 10, 2014 at 15:12

Perfect28 · Accepted Answer · 2014-07-10 14:49:05Z

1

When you specify dataType : json, result is already parsed in jQuery.

Moreover, complete function argument is returning an object representing the result not the result itself.

That case you should use var top10Value = JSON.parse(data.responseText);

answered Jul 10, 2014 at 14:49

Perfect28

11.3k3 gold badges29 silver badges50 bronze badges

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

Comments

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

jQuery is clever enough to parse the response as it is, even if dataType isn't specified.

In your case, it is specified and therefore, it is already parsed and data is the parsed JSON object.

What you are doing is therefore parsing an Object.

Doc says:

dataType: (default: Intelligent Guess (xml, json, script, or html))

Type: String

The type of data that you're expecting back from the server. If none is specified, jQuery will try to infer it based on the MIME type of the response (an XML MIME type will yield XML, in 1.4 JSON will yield a JavaScript object, in 1.4 script will execute the script, and anything else will be returned as a string). The available types (and the result passed as the first argument to your success callback) are:

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Jul 10, 2014 at 14:46

Amit Joki

59.4k7 gold badges80 silver badges96 bronze badges

1 Comment

user1835565 Over a year ago

It's been twice I read that JQuery automatically parses JSON, but for me it's not the case. How is that?

hari · Accepted Answer · 2014-07-10 14:46:28Z

1

data returned already json format only,

    $.ajax({
       'type': 'get',
       'data': {},
       'dataType': 'json',//Return Json Format
       'url': 'dashboard/data/',
       'complete': function(data) {
           //data returned already json format only
           //var top10Value = JSON.parse(data);
           $.each(top10Value, function(key,value){
               console.log(key+" -- "+value);
           });

       }
   });

answered Jul 10, 2014 at 14:46

hari

1,9831 gold badge16 silver badges10 bronze badges

Collectives™ on Stack Overflow

Jquery - Ajax: SyntaxError: JSON.parse: unexpected character

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related