[SOLUCIONADO] Duda sobre json

cuasatar · #1 (**permalink**) 11/03/2013, 15:12

Hola a todos:

Nunca antes en la vida he utilizado JSON pero como veo que tiene al día de hoy mucha utilidad pues me he puesto a aprenderlo poco a poco. Estoy siguiendo un curso de Adam Khoury y un código que aunque me parece es supremamente facil no me funciona ni en explorer ni en firefox. Me gustaria que me ayudaran para saber que puede estar fallando.

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function ajax_get_json(){
var results = document.getElementById("results");
    var hr = new XMLHttpRequest();
    hr.open("GET", "mylist.json", true);
    hr.setRequestHeader("Content-type", "application/json", true);
    hr.onreadystatechange = function() {
    if(hr.readyState == 4 && hr.status == 200) {
    var data = JSON.parse(hr.responseText);
results.innerHTML = "";
for(var obj in data){
results.innerHTML += data[obj].user+" is "+data[obj].age+" and lives in "+data[obj].country+"<hr />";
}
    }
    }
    hr.send(null);
    results.innerHTML = "requesting...";
}
</script>
</head>
<body>
<div id="results"></div>
<script type="text/javascript">ajax_get_json();</script>
</body>
</html>

y el archivo json que se encuentra en la misma raíz es de la siguiente forma:

Código Javascript:

Ver original<!-- mylist.json -->
{ 
  "u1":{ "user":"John", "age":22, "country":"United States" },
  "u2":{ "user":"Will", "age":27, "country":"United Kingdom" },
  "u3":{ "user":"Abiel", "age":19, "country":"Mexico" }, 
  "u4":{ "user":"Rick", "age":34, "country":"Panama" },
  "u5":{ "user":"Susan", "age":23, "country":"Germany" },
  "u6":{ "user":"Amy", "age":43, "country":"France" },
  "u7":{ "user":"Pete", "age":18, "country":"Italy" },
  "u8":{ "user":"Chris", "age":25, "country":"United States" },
  "u9":{ "user":"Louis", "age":31, "country":"Spain" },
  "u10":{ "user":"Emily", "age":38, "country":"Uraguay" },
  "u11":{ "user":"Shawn", "age":52, "country":"Chile" },
  "u12":{ "user":"Greg", "age":24, "country":"Romania" }
}

De antemano agradezco la colaboración para que me puedan ayudar a saber porque no me funciona este código.

emprear · #2 (**permalink**) 11/03/2013, 15:35

si removés esto

de tu json, te va a funcionar

SAludos

cuasatar · #3 (**permalink**) 11/03/2013, 15:53

Hola, muchas gracias por tu colaboración. Literalmente me estaba ahogando en un vaso con agua. La segunda pregunta que tengo es la siguiente. He probado este código en una carpeta cualquiera de mi compu no me funciona pero si lo coloco en un servidor local me funciona perfectamente. ¿A que es debido esto? ¿Sera que estoy obviando algo? Yo creeria que no habria necesidad de tener este codigo en un servidor puesto que no utilizo nada de codigo de servidor. Perdonen las dudas tan básicas pero prefiero preguntar lo "obvio" que quedarme en la ignorancia por miedo a no preguntar.

emprear · #4 (**permalink**) 11/03/2013, 16:45

Si te fijas en realidad usas Ajax, json es solo el formato de los datos, ´por un lado tenés las mismas restricciones que Ajax para trabajar en local y al no estar en un server tampoco se pasan los mimes correctos (application/json)
Saludos

cuasatar · #5 (**permalink**) 11/03/2013, 19:18

Cita:

Si te fijas en realidad usas Ajax, json es solo el formato de los datos, ´por un lado tenés las mismas restricciones que Ajax para trabajar en local y al no estar en un server tampoco se pasan los mimes correctos (application/json)

Muchas gracias emprear por tu respuesta. No habia tenido en cuenta eso que comentas. Mañana seguire estudiando que aun he dejado algunas cosillas pendientes, si bien no se ve complicado como todo lo que uno empieza por primera vez es al comienzo dificil.

Gracias por tu tiempo.