Buonasera,
per un mio progetto personale, avrei necessità (per iniziare) di ciclare con javascript il contenuto di un json e scriverne il contenuto dentro un div. Sono alle prime armi con javascript e ho qualche problema nel realizzare quanto ho in mente.
Il mio json è così composto:
Invece, il codice HTML e javascript presente nella mia pagina è il seguente:
Con il codice sopra riportato, l'unica immagine ad essere visibile è l'ultima dell'array e il risultato del comando console.log viene generato correttamente. Posso aspettarmi questo risultato visto che il contenuto del div "contenitore" viene sovrascritto ogni volta. Per ovviare a questo, ho provato ad inserire var elenco+= (aggiungendo il + prima dell'uguale) ma ricevo nella console l'errore: SyntaxError: Unexpected token '+='. Ho provato altre strade ma il risultato è stato comunque deludente.
Grazie anticipatamente a chi avrà piacere di aiutarmi,
buona serata
per un mio progetto personale, avrei necessità (per iniziare) di ciclare con javascript il contenuto di un json e scriverne il contenuto dentro un div. Sono alle prime armi con javascript e ho qualche problema nel realizzare quanto ho in mente.
Il mio json è così composto:
Codice:
{"status":"OK","img1":"primo_valore","img2":"secondo_valore","img3":"terzo_valore", ...}
Invece, il codice HTML e javascript presente nella mia pagina è il seguente:
HTML:
<div id="contenitore"></div>
JavaScript:
....
success: function(response) {
let data = JSON.parse(response);
if (data.status === 'OK') {
Object.entries(data).forEach(([key, value]) => {
console.log(key + ": " + value);
var elenco= '<div><img src="./media/' + value + '.jpg"></div>';
$('#contenitore').html(elenco);
});
}
else {
alert('Errore caricamento dati');
}
},
....
Con il codice sopra riportato, l'unica immagine ad essere visibile è l'ultima dell'array e il risultato del comando console.log viene generato correttamente. Posso aspettarmi questo risultato visto che il contenuto del div "contenitore" viene sovrascritto ogni volta. Per ovviare a questo, ho provato ad inserire var elenco+= (aggiungendo il + prima dell'uguale) ma ricevo nella console l'errore: SyntaxError: Unexpected token '+='. Ho provato altre strade ma il risultato è stato comunque deludente.
Grazie anticipatamente a chi avrà piacere di aiutarmi,
buona serata