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>
<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...";
}
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.