SyntaxError: JSON.parse: unexpected character

Question

I have a JSON parse error that I can't debug. Code below:

$(document).on('submit', '#confirmreset', function(event) {
    event.preventDefault();

    var action_url = $(this).attr("action");
    alert_box_register("Resetting password...");
    console.log(action_url);
    var postData = $(this).serializeArray();
    console.log(postData);

    $.post(action_url, postData, function(data) {
        console.log(data);
        var obj = $.parseJSON(data);

        alert_box_register(obj.message);
    });
});

And the JSON:

{
    "status": "success",
    "message": "A temporary password has been emailed to you."
}

In Firefox the error is "SyntaxError: JSON.parse: unexpected character", in Chrome it's "Uncaught SyntaxError: Unexpected token C "

Any ideas?

*EDIT: This works fine on my localhost setup. *

That is valid JSON as presented, so I suspect that the real JSON data contains a character that is not making it across the translation. — user2864740
– user2864740, Commented Nov 6, 2013 at 22:32
it happens within $.parseJSON(data), but i'm sure you knew that. — user400654
– user400654, Commented Nov 6, 2013 at 22:37
Don't parse the json inside the callback. Instead, tell jquery that it is json. $.post(action_url, postData, function(data){...}, "json") If your success stops working, that means your server isn't returning valid json. — user400654
– user400654, Commented Nov 6, 2013 at 22:38

Explosion Pills · Accepted Answer · 2013-11-06 22:46:02Z

18

You don't need to call $.parseJSON if the server is sending valid JSON as jQuery will parse it automatically when it retrieves the response. I don't know the exact criteria, but if you set the Content-type: application/json header it definitely will.

answered Nov 6, 2013 at 22:46

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

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

9 Comments

alias51 Over a year ago

Thanks, so would you propose just 'var obj = $(data);'

Explosion Pills Over a year ago

No, just var obj = data, or even function (obj) { -- basically data is ready for use immediately

alias51 Over a year ago

This creates Object {status: "error", message: Array[1]} (index):241 Uncaught SyntaxError: Unexpected token o

user400654 Over a year ago

@alias51 that means your server isn't returning valid json.

Björn3 Over a year ago

Thanks. Was looking for answer, and this proved to be my problem as well. Trying to parse already parsed data. Since it is pre-paresed when usning json as type or getJSON as method.

|

Lee · Accepted Answer · 2020-01-15 10:13:25Z

0

This error can be caused by using single quotation marks (') instead of double (") for strings.

The JSON spec requires double quotation marks for strings.

Comments

Sonu Singh · Accepted Answer · 2021-04-07 10:20:28Z

0

Only put these=>

dataType: 'text', // what to expect back from the PHP script, if anything cache: false, contentType: false, processData: false,

edited Apr 7, 2021 at 10:20

answered Apr 7, 2021 at 10:15

Sonu Singh

11 bronze badge

Collectives™ on Stack Overflow

SyntaxError: JSON.parse: unexpected character

3 Answers 3

9 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

9 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related