Access to elements of JSON array of objects

Question

My data on server is in the form of JSON array of objects. If I want to print the first object, how can I access its first object? Format of data is:

[ { "eventId": "8577",
 "datasetId": "34", 
"nodeId": "8076",
 "typeId": "4", 
"type": "TempAndHum",
 "status": "Temp : 35, Hum : 83",
 "datasetName": "test active set",
 "mode": "shared", 
"xmlFragment": "Absent", 
"gpsLat": "-23.549999",
 "gpsLong": "-46.633301",
 "contributor": "SanatIITD",
 "addedOn": "2015-04-21 08:03:16",
 "updatedOn": "2015-04-21 08:03:16" },

 { "eventId": "8576",
 "datasetId": "34",
 "nodeId": "8076", 
"typeId": "4", 
"type": "TempAndHum", 
"status": "Temp : 34, Hum : 81",
 "datasetName": "test active set",
 "mode": "shared",
 "xmlFragment": "Absent", 
"gpsLat": "-23.549999",
 "gpsLong": "-46.633301",
 "contributor": "SanatIITD", 
"addedOn": "2015-04-21 08:03:11", 
"updatedOn": "2015-04-21 08:03:11" },

 { "eventId": "8575",
 "datasetId": "34",
 "nodeId": "8076",
 "typeId": "4", 
"type": "TempAndHum", 
"status": "Temp : 33, Hum : 80",
 "datasetName": "test active set", 

"mode": "shared",
 "xmlFragment": "Absent", 
"gpsLat": "-23.549999",
 "gpsLong": "-46.633301",
 "contributor": "SanatIITD",
 "addedOn": "2015-04-21 08:03:05",
 "updatedOn": "2015-04-21 08:03:05" }, 
]
I tried with data[0], but end up with printing "[". I tried with  JSON.stringify also and then split with "," but that gives me first  element
 of the object, not the whole first object. I need to print the  whole first object. Please suggest me some solution. Thanks in advance.

Part of my code is:

$("#submit").click(function(){

$.ajax({ type: 'GET', url: "resource.php",

success:function(data){

alert(data);

var myData = JSON.parse(data);

document.getElementById("aami").innerHTML= myData[0]; }

});

Not getting where I am wrong? When I run this code I am getting [ object object]

Hemlata Kushwaha · Answer

$("#submit").click(function(){ $.ajax({ type: 'GET', url: "resource.php", success:function(data){ document.getElementById("aami").innerHTML=data[0]["eventId"]; } });

Upendra Pratap Shahi · Answer

Hello, Use this. function test() { var data = '{"name": "Upendra Pratap Shahi","age": 24,"address": {"streetAddress": "Noida 63","city": "Noida"},"phoneNumber": [{"type": "home","number": "97185709XX"},{"type": "fax","number": "XXXXXX-XXXXXX"}]}'; var json = JSON.parse(data); alert(json["name"]); //mkyong alert(json.name); //mkyong alert(json.address.streetAddress); //88 8nd Street alert(json["address"].city); //New York alert(json.phoneNumber[0].number); //111 111-1111 alert(json.phoneNumber[1].type); //fax alert(json.phoneNumber.number); //undefined } Click Me! Kindly accept the answer .

Manas Mohapatra · Answer

Try below code: You need to access the property not the object directly. success:function(data){ alert(data); document.getElementById("aami").innerHTML= data[0].mode ; } If any problem is there please provide it here.

Upendra Pratap Shahi · Answer

Use alert(data.d);

Upendra Pratap Shahi · Answer

Hello Archana Roy , Is my code is not working for you?

Upendra Pratap Shahi · Answer

Your welcome Archana Roy . Kindly accept the answer , it helped to better discussion on forum.

Archana Roy · Answer

Thanks Upendra, its working.

Upendra Pratap Shahi · Answer

Hello Archana Roy , This working for you or not.

Upendra Pratap Shahi · Answer

Do you try as I said? Kindly do first then write something.

Archana Roy · Answer

Hi Upendra, I think you are using .NET, but I am doing my coding in Javascript.

Hemlata Kushwaha · Answer

Hi Archana, Firstly check your return data available in object form or json array. so check this code for used json data. var id = ""; var lang =""; $.ajax({ type: "GET", url: "-------Url--------", dataType: "json", data: { id: id, Language: lang, decryptcode: 'FSService' }, success: function (data, textStatus) { if (textStatus == "success") { if (data.hasOwnProperty('d')) { msg = data.d; } else { msg = data; } alert(msg[0][" eventId" ]); } }, error: function (xhr, textStatus, errorThrown) { // Handle error alert(xhr); alert(textStatus); alert(errorThrown); } }); //------------I hope this code useful for you.

Upendra Pratap Shahi · Answer

Archana Roy · Answer

what is .d, I am not getting.

Archana Roy · Answer

I need to display this in browser: { "eventId": "8577", "datasetId": "34", "nodeId": "8076", "typeId": "4", "type": "TempAndHum", "status": "Temp : 35, Hum : 83", "datasetName": "test active set", "mode": "shared", "xmlFragment": "Absent", "gpsLat": "-23.549999", "gpsLong": "-46.633301", "contributor": "SanatIITD", "addedOn": "2015-04-21 08:03:16", "updatedOn": "2015-04-21 08:03:16" } i.e. any one of the array element with single variable. I think JSON.stringify is not correct. JSON.parse has to be used.

Upendra Pratap Shahi · Answer

use this- alert(data.d);

Manas Mohapatra · Answer

Try below one: document.getElementById("aami").innerHTML= JSON.stringify(data) ; Please write here what output do you need to display in browser.

Archana Roy · Answer

alert(data) is working, but I also want to print it, which is not working. I want to print data within the curly braces with help of one variable only.

Archana Roy · Answer

with data[0].mode its printing private

Access to elements of JSON array of objects

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (18)