estoy siguiendo un tutorial, pero la página no muestra nada. index.html
<html>
<head></head>
<body>
<button onclick="ajax_get_json()">Mostrar datos</button>
<div id="info"></div>
<script type="text/javascript">
var resultado = document.getElementById("info");
function ajax_get_json(){
var xmlhttp;
/*
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} */
if(window.XMLHttpRequest) /*Vemos si el objeto window posee el metodo XMLHttpRequest(Navegadores como Mozilla y Safari).*/
{
xmlhttp = new XMLHttpRequest(); //Si lo tiene, crearemos el objeto
}
else if(window.ActiveXObject) /*Sino tenia el metodo anterior,deberia ser el Internet Exp.*/
{
var versionesObj = new Array(
'Msxml2.XMLHTTP.5.0',
'Msxml2.XMLHTTP.4.0',
'Msxml2.XMLHTTP.3.0',
'Msxml2.XMLHTTP',
'Microsoft.XMLHTTP');
for (var i = 0; i < versionesObj.length; i++)
{
try
{
xmlhttp = new ActiveXObject(versionesObj[i]);
}
catch (errorControlado)
{
}
}
}
throw new Error("No se pudo crear el objeto XMLHttpRequest");
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readystate === 4 && xmlhttp.status === 200){
var datos = JSON.parse(xmlhttp.responseText);
for(var i in datos){
resultado.innerHTML += i + ": " + datos[i] + "<br/>"
}
}
}
xmlhttp.open("GET", "datos.json", false);
xmlhttp.send();
}
</script>
</body>
</html>