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 Shahiage: 24address: {streetAddress: Noida 63city: Noida}phoneNumber: [{type: homenumber: 97185709XX}{type: faxnumber: 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