Come inserire un oggetto JSON in una lista non ordinata

Question

Ho un oggetto JSON che ho creato usando OBJ= JSON.PARESE (dati)."Dati" è stato ricevuto da un server web.So che l'oggetto è corretto perché posso stampare singole variabili da esso in un div o nel mio elenco.

Questo è ciò che è stato creato l'oggetto JSON:

[{"Nome": "Staurikosaurus", "Gruppo": "Saurischia", "Dieta": "Carnivore", "Periodo": "Triassico"}, {"Nome": "Diplodocus", "Gruppo": "Saurischia", "Dieta": "Herbivore", "Periodo": "Jurassic"}, {"Nome": "Stegosaurus", "Gruppo": "Ornithischia", "Dieta": "Erbivore", "Periodo": "Jurassic"}, {"nome": "Tyrannosaurus", "Gruppo": "Saurischia", "Dieta": "Carnivore", "Periodo": "Cretaceous"}]

Letteralmente tutto ciò che voglio fare è metterlo in A per presentarsi su una pagina Web.

Il mio codice corrente:

 function getJson(){$.get(MY URL, function(data) {
            // String
            //console.dir(data);

            // Parse JSON
            var obj = JSON.parse(data);

            // JSON object
            //console.dir(obj);
            $('#myList').html("<li>"+obj[0].period+"</li><li>"+obj[2].period+"</li>");
            //$('#myList').html("<li>obj[2].period</li>");
        });

    }

.

Questo stampa con successo l'elenco con Triassico, quindi Jurrasic.

Preferirei farlo in jQuery ma JavaScript va bene.

Grazie.

Answer 1

Non sei intestante attraverso l'elenco, basta stampare l'elemento 0-th e 2nd nell'array.Prova:

function getJson(){$.get(MY URL, function(data) {
        // String
        //console.dir(data);

        // Parse JSON
        var obj = JSON.parse(data);

        // JSON object
        //console.dir(obj);
        var inner = '';
        for(i=0; i < obj.length; i++) {
             inner += "<li>"+obj[i].period+"</li>";
        }
        $('#myList').html(inner);
    });

}

.

Sono sicuro che c'è un modo più pulito usando jquery ma dovrebbe funzionare

Answer 2

Se vuoi usare la sintassi jquery, processi come questo:

var listElement = '';

$.each(obj, function(index, value) {
    listElement += '<li>' + data[obj].period + '</li>';
})

$('#myList').html(listElement);

.