Not able to save JSON values to Javascript array?

Question

i have one php file in server which select some values from db and create a JSON then from my html file am accessing that JSON . this is my json

 [{"id":"1","Intensity":"1","Location":"12.48,77.26"},
  {"id":"2","Intensity":"2","Location":"12.47,77.26"},
  {"id":"3","Intensity":"2","Location":"12.47,77.27"},
  {"id":"4","Intensity":"2","Location":"12.46,77.24"},
  {"id":"5","Intensity":"2","Location":"12.44,77.24"},
  {"id":"6","Intensity":"2","Location":"12.44,77.28"},
  {"id":"7","Intensity":"2","Location":"12.50,77.28"},
  {"id":"8","Intensity":"2","Location":"12.45,77.30"},
  {"id":"9","Intensity":"2","Location":"12.41,77.21"}]

and am using following code to store "Location value to an array inside javascript but its not storing.When i print that array using alert the alert is not showing .

the result of data in following code is my JSON itself.

for (i = 0; i < data.length; i++) {
   alert(data[i]['id']);
   var loc = data[i]['Location'].split(',');
   alert(loc); //not printing
}

when i print alert(data.length) value is 469.

Answer 1

your data is a json string, you need to parse it into json object.

do this

obj = JSON.parse(data);

for (i = 0; i < obj.length; i++) {
    alert(obj[i]['id']);
    var loc = obj[i]['Location'].split(',');
    alert(loc); //not printing
}

Answer 2

You need to parse your data.

data = JSON.parse(data)