[SOLUCIONADO] Obtener Datos de un archivo json con javascript

DarkSoquet · #1 (**permalink**) 20/10/2013, 16:55

Tengo un archivo json que me lo genera la api de google maps

http://maps.googleapis.com/maps/api/distancematrix/json?origins=Alvear+584+Canada+de+Gomez+Santa+Fe+A rgentina&destinations=Centenario+1165+Canada+de+Go mez+Santa+Fe+Argentina|Roldan+115+Canada+de+Gomez+ Santa+Fe+Argentina&mode=walking&language=es-ES&sensor=false

y lo que necesito hacer es extraer los valores de distancia que me genera ese archivo json

"distance" : {
"text" : "0,6 km",
"value" : 598

estuve viendo en el foro de la api misma de google

, pero el ejemplo q dan es muy basico y no logre entenderlo

, si alguien me puede ayudar lo agradeceria mucho

Elvixx10 · #2 (**permalink**) 20/10/2013, 20:04

dime específicamente si puedes ver el json que obtiene de tu arreglo o consulta no se que estes utilizando por eso no te puedo ayudar mucho.

DarkSoquet · #3 (**permalink**) 22/10/2013, 19:34

el codigo con el que intento extraer los datos del archivo json es

<!DOCTYPE html>
<html>
<head>
<title>Prueba de lectura de datos en formato JSON</title>
<script type="text/javascript" src="/control/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
function lee_json() {
$.getJSON("http://maps.googleapis.com/maps/api/distancematrix/json?origins=Alvear+584+Canada+de+Gomez+Santa+Fe+A rgentina&destinations=Centenario+1165+Canada+de+Go mez+Santa+Fe+Argentina|Roldan+115+Canada+de+Gomez+ Santa+Fe+Argentina&mode=walking&language=es-ES&sensor=false", function(datos) {
alert("Dato: " + datos["rows"]);
$.each(datos['rows'][0]['elements'][0]['distance']['value']," ","metros";, function(idx,distancia) {
alert("Distancia: " + ['rows'][0]['elements'][0]['distance']['value']);
});
});
}
</script>
</head>
<body onload="lee_json();">
</body>
</html>

el archivo json [URL="http://maps.googleapis.com/maps/api/distancematrix/json?origins=Alvear+584+Canada+de+Gomez+Santa+Fe+A %20rgentina&destinations=Centenario+1165+Canada+de +Go%20mez+Santa+Fe+Argentina|Roldan+115+Canada+de+ Gomez+%20Santa+Fe+Argentina&mode=walking&language= es-ES&sensor=false"]Link al Archivo Json[/URL]

lo que necesito extraer de ese json es "value" : 598 pero los 2 registros, ya que en el json aparecen 2 "value" con diferente valor

el codigo que yo hice solo me muestra la pagina en blanco, en que puedo estar errandole?

#4 (**permalink**) 23/10/2013, 08:39

Cita:

Iniciado por DarkSoquet

...

lo que necesito extraer de ese json es "value" : 598 pero los 2 registros, ya que en el json aparecen 2 "value" con diferente valor

el codigo que yo hice solo me muestra la pagina en blanco, en que puedo estar errandole?

Para extraer los registros, es necesario recorrerlos.

El código que te adjunto, también recorre rows aunque solamente tengamos una fila.

(He cambiado el primer alert("Datos: " + datos["rows"]); -es lo mismo que alert("Datos: " + datos.rows); - por alert("Origen: " + datos.origin_addresses); ya que el primero solo te dirá [objet Objet])

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ES">  
  <head>
    <meta charset="utf-8" />
<title>Prueba de lectura de datos en formato JSON</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
function lee_json() {
  $.getJSON("http://maps.googleapis.com/maps/api/distancematrix/json?origins=Alvear+584+Canada+de+Gomez+Santa+Fe+A rgentina&destinations=Centenario+1165+Canada+de+Go mez+Santa+Fe+Argentina|Roldan+115+Canada+de+Gomez+ Santa+Fe+Argentina&mode=walking&language=es-ES&sensor=false", function(datos) {
    alert("Origen: " + datos.origin_addresses);
    for (var i = 0; i < datos.rows.length; i++) {     
      var filas = datos.rows[i];
      var elementos = filas.elements;       
      for (var j = 0; j < elementos.length; j++) {    
        alert ("Distancia: " + elementos[j].distance.value);
      }
    }           
  });
}
</script>
</head>
<body onload="lee_json();">
</body>
</html>