Getting data from json through jquery

Question

I am trying to learn how to retrieve data from a json obj that I return from PHP but I can not figure out how to get the values. My data looks something like this:

[{"user_name":"herp"},{"email":"[email protected]"},{"yy":"yyyy"},{"mm":"mm"},{"dd":"dd"}]

My client-side script looks something like this:

        $.ajax({
        type : 'POST',
        url : 'serverside/get_installningar.php',
        dataType : 'json',
        success : function(data) {

        }
    });

I would like to type something like data.user_name to retrieve the user_name and so on. But is there a method for doing this? I have looked in the forum but can't find the right thing.

Community · Accepted Answer · 2017-05-23 12:05:40Z

5

What you have is an array of objects and so you going to need to know where it is to get user_name,

data[0].user_name

see below for structural details,

[
 {"user_name":"herp"},   // <-- data[0]
 {"email":"[email protected]"}, // <-- data[1]
 {"yy":"yyyy"},  // <-- data[2]
 {"mm":"mm"},    // <-- data[3]
 {"dd":"dd"}     // <-- data[4]
]

As AndrewR pointed out,

This will work, but it would be better to fix the JSON format coming from PHP. {"user_name":"herp","email":"[email protected]","yy":"yyyy","mm":"mm","dd":"d‌d"} and then his original plan will work.

edited May 23, 2017 at 12:05

CommunityBot

11 silver badge

answered Nov 2, 2012 at 14:37

Selvakumar Arumugam

79.9k15 gold badges123 silver badges139 bronze badges

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

1 Comment

AndrewR Over a year ago

This will work, but it would be better to fix the JSON format coming from PHP. {"user_name":"herp","email":"[email protected]","yy":"yyyy","mm":"mm","dd":"dd"} and then his original plan will work.

Community · Accepted Answer · 2017-05-23 12:27:05Z

0

as of jquery 1.4.1 you can do this natively

jQuery.parseJSON

Do that on the data.responseJSON to convert to JS object.

See How do I convert a JSON string to a JavaScript object in jQuery?

edited May 23, 2017 at 12:27

CommunityBot

11 silver badge

answered Nov 2, 2012 at 14:37

RonanOD

8851 gold badge10 silver badges19 bronze badges

Comments

René Morales · Accepted Answer · 2012-11-02 14:39:02Z

0

Use data.parseJSON();. It returns an object exactly the way you want it.

answered Nov 2, 2012 at 14:39

René Morales

1063 bronze badges

1 Comment

MacMac Over a year ago

No. jQuery already does it for you, since the dataType is json which will parse the JSON before returning it to you.

Richard Heath · Accepted Answer · 2012-11-02 14:39:17Z

0

You are actually returning an array not a json object

Your data needs to look like this:

{{"user_name":"herp"},{"email":"[email protected]"},{"yy":"yyyy"},{"mm":"mm"},{"dd":"dd"}}

Try installing Firebug to debug the return value of your page if its a properly formatted JSON.

answered Nov 2, 2012 at 14:39

Richard Heath

3473 silver badges12 bronze badges

Comments

ioan · Accepted Answer · 2012-11-02 14:43:58Z

0

use it like:

 console.log(data[0].user_name);

For a easy acces members of your json, try virtualising it in a nice format so you can understand where you have array and where you have object.

[] means array

{} means object

I recommand a chrome extension: JsonView

and for example, take a JSON request like this.

Just open it in a tab and it will be nicely formated. Also it shows you in the bottom left corner how to access what you are hovering over.

edited Nov 2, 2012 at 14:43

answered Nov 2, 2012 at 14:36

ioan

7711 gold badge9 silver badges27 bronze badges

2 Comments

SLaks Over a year ago

No; jQuery does that for you.

user1432962 Over a year ago

dataType : 'json' in the ajax call was enough. But console.log(data[0].user_name); was what I was looking for! Cheers!

Collectives™ on Stack Overflow

Getting data from json through jquery

5 Answers 5

1 Comment

Comments

1 Comment

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

1 Comment

Comments

2 Comments

Linked

Related