0

introducir la descripción de la imagen aquí

Resulta que estoy tratando de mostrar unos objetos de un JSON en un innerHTML, pero al hacer el for y recorrer los array, me sale que la variable no es iterable. Qué podría hacer? Es un toplist. Gracias.

function cargarDatos() {
const peticion = new XMLHttpRequest();
// peticion.open('GET', 'datos.json');
peticion.open('GET', 'http://127.0.0.1:5500/datos.json', true);

peticion.send();

peticion.onreadystatechange = function () {
    if (this.status == 200 && this.readyState == 4) {
        /* console.log(this.responseText);  */
        let datos = JSON.parse(this.responseText);
        
        console.log(datos); 

        for (let item of datos) {
            console.log(item);
            
        }
        
    }
}  };
2
  • 1
    Con un fetch te puedes ahorrar toda la parefernalia que implica el httprequest. Si te sirve de algo.
    – AQMR
    Commented el 1 jul. 2021 a las 6:22
  • Si, vi también esa opción, pero me tocaba hacerlo con httprequest, muchas gracias de todas formas!! Commented el 2 jul. 2021 a las 15:22

1 respuesta 1

0

Porque no estas iterando el array en sí. Sería así:

for (let item of datos.canciones){
  console.log(item)
}
1
  • Muchas gracias por la ayuda!!. Commented el 2 jul. 2021 a las 15:21

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.