Question

I am using jQuery to get data from server. Data is coming. Here what i am doing

 $.ajax({

     url: "EventCalendar_Review",
     dataType: "json",
     success: function(data) {

         console.log(data);
         var a = data.eventTitle;
         var b = data.fromDate;
         var c = data.toDate;
         var d = data.url;

     }, //end of success

     complete: function(request, textStatus) {
         var req = request;
         var status = textStatus;            
     } //end of complete

}); //end of .ajax

data variable has its data in JSON format something like this

[object{ eventId=1, eventTitle="Khan to hold maide", fromDate="2012-03-06", toDate= "2012-03-07" more...}, Object { eventId=2, eventTitle="India tie not about revenge", fromDate="2012-03-06", more..}, ...]

Data is printing in the console. But when i am using just below console.log(data)

console.log(data);
var a = data.eventTitle;
var b = data.fromDate;
var c = data.toDate;
var d = data.url;

Then i am getting a, b, c and d undefined. a sholud get value of eventTitle(Khan to hold maide) and so on. Why i am getting undefined?

Thanks

Answer 1

Assuming the something like makes it a valid JSON object (http://jsonlint.com), then you’ve got an array of objects:

for (var i=0;i<data.length;i++) {
    var thisOne = data[i];

    var a = thisOne.eventTitle;
    var b = thisOne.fromDate;
    var c = thisOne.toDate;
    var d = thisOne.url;

    // do something with these variables.
}

If you just want the first object, you can use data[0] to access it:

var a = data[0].eventTitle;
var b = data[0].fromDate;
var c = data[0].toDate;
var d = data[0].url;