JSON.parse error (Uncaught SyntaxError: Unexpected token o in JSON at position 1)

Question

    $.getJSON(staticMS, function(data) {
        stockData = data.products_and_categories;
        console.log(stockData);
        var typeData = JSON.parse(stockData)
        console.log(typeData.itemType);
    });

Not sure whats wrong with this, I keep getting a "Uncaught SyntaxError: Unexpected token o in JSON at position 1" error. Trying to access part (itemType is specific earlier in the script) under the products_and_categories part of JSON file.

Tables under products and categories (after i click on 'object' in console):

Accessories: (8) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]

Hats: (6) [{…}, {…}, {…}, {…}, {…}, {…}]

Shirts: (7) [{…}, {…}, {…}, {…}, {…}, {…}, {…}]

Pants: (5) [{…}, {…}, {…}, {…}, {…}]

Please share what console.log(stockData); this line shows on console. — Sajeeb Ahamed
– Sajeeb Ahamed, Commented Apr 10, 2020 at 18:53
How should I fix it then? Or how could I access another table under stockData. — Oliver
– Oliver, Commented Apr 10, 2020 at 18:54
added what it shows in console, (i had to click on 'object' to get that) — Oliver
– Oliver, Commented Apr 10, 2020 at 18:59
I don't see anything like products_and_categories inside the data object. What I see is there is something valid like data.Accessories — Sajeeb Ahamed
– Sajeeb Ahamed, Commented Apr 10, 2020 at 19:06

junvar · Accepted Answer · 2020-04-10 18:54:16Z

1

As Sajeeb commented, "stockData is not a valid JSON string." In fact, stockData is likely a JS object because

1) it's a field on parsed JSON, and JSON doesn't usually contain nested JSON

2) JSON.parse casts it's param to a string. A JS object stringified is '[object Object]'. Parsing this would produce the error you saw, 'Unexpected token o in JSON at position 1'.

If my assumption is right, then all you need to do is remove the nested JSON.parse:

  $.getJSON(staticMS, function(data) {
        stockData = data.products_and_categories;
        console.log(stockData);
        var typeData = stockData;
        console.log(typeData.itemType);
    });

answered Apr 10, 2020 at 18:54

junvar

11.6k2 gold badges35 silver badges52 bronze badges

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

3 Comments

Oliver Over a year ago

When I do that I end up getting an undefined in console.

royranger Over a year ago

Perhaps there is no itemType property in typeData. Looking at your question, it looks like the keys in your object are 'hats', 'accessories' etc. If you logged stockData.hats or typeData.hats you'd get an array

Oliver Over a year ago

when I do .Hats it works but when i use .getItemType or .itemType (not sure what to use), I get undefined, so at the top of my file I have var itemType = "itemType"; then in another onclick function I have var item_type = document.getElementById('item_type').value; and getItemType = localStorage.getItem(itemType); (after I set item_type to itemType), not sure what I'm doing wrong. (The other onclick function works and when I do console.log(getItemType) in this function, it works too)

Collectives™ on Stack Overflow

JSON.parse error (Uncaught SyntaxError: Unexpected token o in JSON at position 1)

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related