jQuery get data from jQuery object

Question

I am using ajax to get the data from the database. After getting data from table I am doing json_encode to get the data in json format. After that I am doing parseJSON to show the data in js.

when I am getting the data in json I just did

data = $.parseJSON(data);

console.log(data);

I got the data like this jQuery object.

enter image description here

From here I want to get the values of firstname.

I tried console.log(data.first_name); but it not worked. It is showing undefined in the console tab. So can someone tell me how to get the first_name value here

A.B · Accepted Answer · 2014-12-22 12:26:14Z

1

Your data is array of objects and has data on indexes 0,1,2 so on so you need

try

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

you can also loop through them

for(var a=0;a<data.length;a++) {
    console.log(data[a].first_name);
}

answered Dec 22, 2014 at 12:26

A.B

20.5k3 gold badges43 silver badges74 bronze badges

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

Comments

Yotam Omer · Accepted Answer · 2014-12-22 12:29:04Z

0

You have been returned an array of objects. Iterate through all of them using:

for(var i = 0; i < data.length; i++) {
    console.log(data[i].first_name);
}

edited Dec 22, 2014 at 12:29

Yotam Omer

15.4k11 gold badges65 silver badges65 bronze badges

answered Dec 22, 2014 at 12:27

apsdehal

8452 gold badges10 silver badges27 bronze badges

1 Comment

Alnitak Over a year ago

no, do not use for .. in on arrays, that's for object keys.

Girish · Accepted Answer · 2014-12-22 12:31:46Z

0

jquery provide $.each() function to iterate object or array, see below sample code

data = $.parseJSON(data);
$.each(data, function(index, object){
  console.log(object.first_name);
})

answered Dec 22, 2014 at 12:31

Girish

12.1k3 gold badges37 silver badges54 bronze badges

Comments

Kelsadita · Accepted Answer · 2014-12-22 12:39:39Z

0

It looks like data is array of objects you have to iterate over this array and get the first_name attribute of each object in it as follows,

data = $.parseJSON(data);
data.forEach(function(item){
  console.log(item.first_name);
})

answered Dec 22, 2014 at 12:39

Kelsadita

1,0388 silver badges22 bronze badges

Collectives™ on Stack Overflow

jQuery get data from jQuery object

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related