Problema nel ciclare un json

Soulfearor

Utente Attivo
16 Set 2014
54
0
6
Torino
www.serenagraficatorino.it
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:
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
 

Discussioni simili