Get Data from JSON String

Question

I'm unable to successfully get data from the JSON string below. Using JavaScript, I'm able to alert the full string [ alert(data); ] but I'm unable to get only the first name.

Can someone please help?

var data = {
    "name": [
        "Enid Norgard",
        "Cassie Durrett",
        "Josephine Ervin"
    ],
    "email": [
        "TheWoozyGamer@gmail.com",
        "TheHabitualGamer@gmail.com",
        "TheUptightGamer@gmail.com"
    ],
    "role": [
        "Gamer",
        "Team Leader",
        "Player"
    ],
    "emp_id": [
        "50",
        "408",
        "520"
    ],
    "id": [
        "234",
        "444",
        "235"
    ]
}

I get the following error `Uncaught TypeError: Cannot read property '0' of undefined` — AlGallaf, Aug 22 '13 at 09:28
this works -> data.name[0] , but i think your real codde is a different one , please provide the real code — Kanishka Panamaldeniya, Aug 22 '13 at 09:37

Arun P Johny · Accepted Answer · 2013-08-22T09:31:00.423

6

Looks like you have a string(because when you use alert the complete text is shown, if it was a object then [Object object] would have shown), first you need to parse it using JSON.parse()

var t = JSON.parse(data)
alert(t.name[0])

Note: Old browsers like IE8 which does not have native support for JSON you have to add a library like json2 to add JSON support

edited Aug 22 '13 at 09:31

answered Aug 22 '13 at 09:26

Arun P Johny

384,651
66
527
531

@Paul not `alert({"hello":"world"}) ` – Arun P Johny Aug 22 '13 at 09:29
1

JSON.parse solved the issue as I wasn't parsing the string. Thank you. – AlGallaf Aug 22 '13 at 09:34

score 1 · Answer 2 · answered Aug 22 '13 at 09:26

1

use the following code

alert(data.name[0]);

answered Aug 22 '13 at 09:26

Ashraf Bashir

9,686
15
57
82

I get the following error `Uncaught TypeError: Cannot read property '0' of undefined` – AlGallaf Aug 22 '13 at 09:30
1

I think you didn't provide your real code, check a running version here: http://jsfiddle.net/qzv6B/ – Ashraf Bashir Aug 22 '13 at 09:35

score 1 · Answer 3 · edited May 23 '17 at 11:52

1

    //sample code
    var json = '{"result":true,"count":1}',
    obj = JSON.parse(json);
    alert(obj.count);

For the browsers that don't you can implement it using json2.js. Most browsers support JSON.parse(), hope this will help you for detail see link.

edited May 23 '17 at 11:52

Community

1
1

answered Aug 22 '13 at 09:28

Jeremy Voges

41
3

score 0 · Answer 4 · answered Aug 22 '13 at 09:29

0

With data.name[0] you will get the name Enid Norgard Similar to that use

data.name[index]

while index is the position of the name in the innerarray.

If you want only the names array use:

alert(data.name)

answered Aug 22 '13 at 09:29

Kingalione

4,237
6
49
84

score 0 · Answer 5 · answered Aug 22 '13 at 09:42

0

try this to loop through all elements

for(x in data)
{
    for(y in data[x])
    {
        alert(data[x][y]);
    }
}

answered Aug 22 '13 at 09:42

Kanishka Panamaldeniya

17,302
31
123
193

Get Data from JSON String

5 Answers5