SyntaxError: JSON.parse: unexpected character at line 1 column 2 of the JSON

Question

I need to append this div to another div , but it give me this error :

SyntaxError: JSON.parse: unexpected character at line 1 column 2 of the JSON data

This is my javascript code:

var str = {'message': message,'text': text};
$.ajax({
    type: "POST",
    url: "api/reply",
    data: str,
    dataType: "json",
    cache: false,
    success: function(response)
    {
        var respons = jQuery.parseJSON(response);
        var type = respons.status
        if (type == 'success') {
            $("<div></div>").html(respons.message).appendTo("#messages");
        }
        else
        {
            toastr.error(respons.message)
        }
    }
})

That is not valid JSON. Run it through jsonlint.com to validate it — charlietfl, Jul 16 '16 at 15:33
When you throw your code into JSBin you immediately see that you have some syntax errors. I added a test API endpoint and a fake input so that you can play with it there: http://jsbin.com/sojibojetu/edit?html,js,output — Andru, Jul 16 '16 at 15:42
Possible duplicate of [I keep getting "Uncaught SyntaxError: Unexpected token o"](https://stackoverflow.com/questions/8081701/i-keep-getting-uncaught-syntaxerror-unexpected-token-o) — Heretic Monkey, Jun 22 '17 at 19:15
This is the 'problem' with jquery. In XMLHTTPRequest and Fetch API, we have to perform JSON.parse ourselves, so we are used to doing it; but in case of JQuery, the maker has done the parsing for us. So you simply need to drop the JSON.parse. — Daniel Wu, Jan 13 '23 at 05:06

score 60 · Accepted Answer · edited Aug 05 '20 at 12:24

60

Simply change

var respons = jQuery.parseJSON(response);

to

var respons = response;

Explanation:

If the configuration of your AJAX call is having dataType: json you'll get a JavaScript object so it's no longer necessary to use JSON.parse().

edited Aug 05 '20 at 12:24

Andreas

5,393
9
44
53

answered Jul 16 '16 at 15:27

Alfredo EM

2,029
1
14
16

awesome. thank you very much ! in my case there no line like `dataType: "json",` but result was same, i already data json, able to understand by js! – Vladimir Ch Apr 29 '23 at 21:38
Impressive. Very good explanation. :) – Umar Niazi Aug 16 '23 at 16:43

score 21 · Answer 2 · answered Jan 11 '20 at 23:21

21

This is a hackish and unorthodox way of parsing JSON, but if you still want to use JSON.parse() from an AJAX call or simply on JSON that is already parsed and isn't a string, you can use JSON.stringify() inside it:

var respons = JSON.parse(JSON.stringify(response));

answered Jan 11 '20 at 23:21

Max Voisard

1,685
1
8
18

You are right. but i don't think there is a usecase for that. – Kokul Jose Aug 01 '20 at 13:46
I was debug my error by this statement. var respons = JSON.parse(JSON.stringify(response)); – RainyTears Jan 02 '22 at 13:54

score 6 · Answer 3 · answered Sep 28 '17 at 01:26

6

Problem is you're not parsing a string, you're parsing an already parsed object.

answered Sep 28 '17 at 01:26

Nalan Madheswaran

10,136
1
57
42

score 2 · Answer 4 · answered Jul 16 '16 at 15:28

2

the values in your object seem to be undefined. change var str = {'message': message,'text': text}; to var str = {message: 'message',text: 'text'};

answered Jul 16 '16 at 15:28

Tal

700
4
11

SyntaxError: JSON.parse: unexpected character at line 1 column 2 of the JSON

4 Answers4

Linked