Access to elements of JSON array of objects

Archana Roy

11y1.3k

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]

18 Replies

Know the answer? Post it — somebody with the same question will find it here.

Hemlata Kushwaha11y ago
Accepted answer
$("#submit").click(function(){
$.ajax({ type: 'GET', url: "resource.php",
success:function(data){
document.getElementById("aami").innerHTML=data[0]["eventId"]; }
});
+1
Upendra Pratap Shahi11y ago
Hello Archana Roy, Is my code is not working for you?
0
Upendra Pratap Shahi11y ago
Your welcome Archana Roy.

Kindly accept the answer, it helped to better discussion on forum.
0
Archana Roy11y ago
Thanks Upendra, its working.
0
Upendra Pratap Shahi11y ago
Hello Archana Roy,

This working for you or not.
0
Upendra Pratap Shahi11y ago
Hello,

Use this.

Kindly accept the answer.
+1
Upendra Pratap Shahi11y ago
Do you try as I said?

Kindly do first then write something.
0
Archana Roy11y ago
Hi Upendra, I think you are using .NET, but I am doing my coding in Javascript.
0
Hemlata Kushwaha11y ago
Hi Archana,

Firstly check your return data available in object form or json array. so check this code for used json data.

//------------I hope this code useful for you.
0
Upendra Pratap Shahi11y ago
function GetDayWiseDetail_Test() {

var Status;

$.ajax({

type: "POST",

url: ResolveUrl("~/WebMethods.aspx/GetDayWiseDetail_test"),

contentType: "application/json; charset=utf-8",

dataType: "json",

async: false,

success: function (data) {

Status = data.d;

alert(Status)

},

failure: function (errMsg) {

}

});

return Status;

}
if you want to alert then use above or
alert(data.Id);//Id is json key which return
0
Archana Roy11y ago
what is .d, I am not getting.
0
Archana Roy11y ago
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.
0
Upendra Pratap Shahi11y ago
use this-

alert(data.d);
0
Manas Mohapatra11y ago
Try below one:

document.getElementById("aami").innerHTML= JSON.stringify(data);

Please write here what output do you need to display in browser.
0
Archana Roy11y ago
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.
0
Archana Roy11y ago
with data[0].mode its printing private
0
Manas Mohapatra11y ago
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.
+1
Upendra Pratap Shahi11y ago
Use alert(data.d);
+1