JSON Response Parsing Error - Javascript

Question

I have the following JSON response coming from an API.

{
    "status": true,
    "cakes": {
        "7689": {
            "id": 7689,
            "flavor": "chocolate",
            "cookDetails": {
                "id": 101,
                "firstName": "Name1",
                "lastName": "LastName1"
            }
        },
        "7690": {
            "id": 7690,
            "flavor": "vanilla",
            "cookDetails": {
                "id": 102,
                "firstName": "Name2",
                "lastName": "LastName2"
            }
        }
    }
}

Language I'm using to parse this JSON: Javascript

Framework: ReactNative

My question is:

1. Is the JSON format correct?

2. If yes, then how do I parse it (NOTE: I don't know the value of id in cakes until I parse it)?

PS: New to the framework. Big thanks.

Your JSON isn't correct , check here jsonlint.com, you have 3 useless comma. 2 at the end of LastName and at the very end — AshBringer
– AshBringer, Commented Sep 27, 2017 at 8:00
Are you able to change the format of the data from the API? It would be easier for you if cakes were an array, excluding the outer id key. That way you can access the items by their index. — maxuville
– maxuville, Commented Sep 27, 2017 at 8:17

Yuyutsu · Accepted Answer · 2017-09-27 09:16:45Z

Try using this,

{
    "status": true,
    "cakes": [{
        "id": 7689,
        "flavor": "chocolate",
        "cookDetails": {
            "id": 101,
            "firstName": "Name1",
            "lastName": "LastName1"
        }
    }, {
        "id": 7690,
        "flavor": "vanilla",
        "cookDetails": {
            "id": 102,
            "firstName": "Name2",
            "lastName": "LastName2"
        }
    }]
}

for ReactNative check this :https://facebook.github.io/react-native/docs/network.html http://www.9lessons.info/2017/04/react-native-json-parsing-and-helper.html

Note below code HTML JavaScript for your understanding.

var obj = JSON.parse('{"status": true,"cakes": [{"id": 7689,"flavor": "chocolate","cookDetails": {"id": 101,"firstName": "Name1","lastName": "LastName1"}},{"id": 7690,"flavor": "vanilla","cookDetails": {"id": 102,"firstName": "Name2","lastName": "LastName2"}}]}');

<!DOCTYPE html>
<html>
<body>

<h2>Create Object from JSON String</h2>

<p id="demo"></p>

<script>

var obj = JSON.parse('{"status": true,"cakes": [{"id": 7689,"flavor": "chocolate","cookDetails": {"id": 101,"firstName": "Name1","lastName": "LastName1"}},{"id": 7690,"flavor": "vanilla","cookDetails": {"id": 102,"firstName": "Name2","lastName": "LastName2"}}]}');
document.getElementById("demo").innerHTML = obj.cakes[0].id +", "+ obj.cakes[0].flavor+", "+obj.cakes[0].cookDetails.id+", "+obj.cakes[0].cookDetails.firstName+", "+obj.cakes[0].cookDetails.lastName;

</script>

</body>
</html>

slesh · Accepted Answer · 2017-09-27 08:10:41Z

-1

Here is valid JSON(just extra commas were removed):

{
    "status": true,
    "cakes": {
        "7689": {
            "id": 7689,
            "flavor": "chocolate",
            "cookDetails": {
                "id": 101,
                "firstName": "Name1",
                "lastName": "LastName1"
            }
        },
        "7690": {
            "id": 7690,
            "flavor": "vanilla",
            "cookDetails": {
                "id": 102,
                "firstName": "Name2",
                "lastName": "LastName2"
            }
        }
    }
}

You can parse it with plain JSON.parse call

edited Sep 27, 2017 at 8:10

answered Sep 27, 2017 at 8:01

slesh

2,0571 gold badge24 silver badges37 bronze badges

2 Comments

Vishnuvardhan Over a year ago

This is not the complete answer I guess. Please be aware of complete answer before answering the question. If you have a hint just go with comments.

prasang7 Over a year ago

@slesh I have updated the JSON response. Can you answer the second question (How to parse it)?

Collectives™ on Stack Overflow

JSON Response Parsing Error - Javascript

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related