AJAX JSON parse renvoie false

Question

J'utilise jquery et javascript, avec un appel ajax pour obtenir toutes les informations d'un fichier json. Le fichier json se charge bien, et ajoute parfaitement les points à la carte, mais il y a toujours une erreur dans la console.

"TypeError: obj[i].info is null" 

Bien que chaque point est inséré correctement et a l'attribut « info » en eux, pourquoi ne donne jquery une valeur nulle?

code Exemple:

$.ajax({ 
    url: 'http://localhost:3000/api/', 
    type: 'GET', 
    dataType: 'html', 
}).success(function(data){ 
    var obj = $.parseJSON(data); 
     console.log(obj); 
     $.each(obj, function(i, item){ 
      taxiData.push(new google.maps.LatLng(obj[i].info.latitude,obj[i].info.longitude)); 
     }); 

}).error(function(data){ 
    console.log("Error with data: " + data); 
}); 

Mon JSON:

[{ 
     "id" : 1, 
     "ip" : "165.242.13.8", 
     "referer" : "www.facebook.com", 

     "info" : { 
      "request" : "165.242.13.8", 
      "ip" : "165.242.13.8", 
      "country_code2" : "JP", 
      "country_code3" : "JPN", 
      "country_name" : "Japan", 
      "continent_code" : "AS", 
      "region_name" : "11", 
      "city_name" : "Hiroshima", 
      "postal_code" : "", 
      "latitude" : 34.3963, 
      "longitude" : 132.45940000000002, 
      "dma_code" : null, 
      "area_code" : null, 
      "timezone" : "Asia/Tokyo" 
     } 
    } 
] 

Answer 1

essayer ceci:

$.ajax({ 
    url : 'http://localhost:3000/api/', 
    type : 'GET', 
    dataType : 'json', 
}).success(function (data) { 
    var obj = data; 
    console.log(obj); 
    $.each(obj, function (i, item) { 
     var pushString = item.info.latitude + ',' + item.info.longitude; 
     var googleLatLong = new google.maps.LatLng(pushString); 
     taxiData.push(googleLatLong); 
    }); 
}).error(function (data) { 
    console.log("Error with data: " + data); 
}); 

Answer 2

Vous utilisez $.each mal.

each prend déjà chaque entrée et vous le donne en tant qu'élément.

utilisation:

$.each(obj, function(i, item){ 
      taxiData.push(new google.maps.LatLng(item.info.latitude,item.info.longitude)); 
     }); //Notice I don,t access the obj Object 

Answer 3

Tout d'abord, vous pouvez définir

dataType : "json" 

et ne pas faire

var obj = $.parseJSON(data); 

vos données sera déjà un objet

Se Condly, ce code fonctionne

console.log(obj); 
$.each(obj, function(i, item){ 
    console.log(obj[i].info.latitude); 
    console.log(obj[i].info.longitude); 
    console.log(item.info.latitude); 
    console.log(item.info.longitude); 
}); 

item === obj [i]