Estoy tratando de leer datos de un archivo .json que codifiqué usando javascript, sin embargo no logro que me muestre algo... Probé imprimirlo en texto plano y ahí sí funciona. Estoy usando WAMP como servidor de pruebas. Acá el código del javascript
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var respuesta = JSON.parse(xhttp.responseText);
var personas = respuesta.personas;
var salida = '';
for (var i = 0; i < personas.lenght; i++) {
salida = "<li>" + personas[i].nombre + "</li>";
}
document.getElementById("personas").innerHTML = salida;
}
}
xhttp.open("GET", "personas.json", true);
xhttp.send();
Acá el código del json
{
"personas":[
{"nombre":"Jose De Marzo","edad":19,"estudiante":true,"edo_civil":"soltero"},
{"nombre":"Nelson Carrasco","edad":19,"estudiante":false,"edo_civil":"casado"},
{"nombre":"Marlyn Montero","edad":39,"estudiante":false,"edo_civil":"soltera"}
]
}
No muestra nada en pantalla, sin embargo sin pasarlo a json sí lee el texto plano.
salida
y losli
deben estar dentro de un<ul></ul>
para verse. ¿Lo tienes?fetch
y promesas? Simplifica mucho el código