Как вставить объект JSON в неупорядоченный список

Question

У меня есть объект JSON, который я создал, используя obj= json.parse (данные).«Данные» получили из веб-сервера.Я знаю, что объект правильный, потому что я могу печатать один переменные из него в Div или мой список.

Это то, что является объектом JSON из:

[{"name": «Старикозавр», «Группа»: «Сарищею», «Диета»: «Морневор», «Период»: «Triassic»}, {"Название": "Диплодок", "Группа": «Saurischia», «Диета»: «Гербивору», «Период»: «Юрская»}, {«Название»: «Стегозавр», «Группа»: «Орнитищ», «Диета»: «Гербивору», «Период»: «Jurassic»}, {«Название»: «Тиранозавр», «Группа»: «Сауришее», «Диета»: «Морнивор», «Период»: «Cretaceous»}]

буквально все, что я хочу сделать, это поместить это в A, чтобы показать на веб-странице.

Мой текущий код:

 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>");
        });

    }

.

Это успешно распечатывает список с триасом, затем Jurrasic.

Я бы предпочел сделать это в jQuery, но JavaScript в порядке.

Спасибо.

Answer 1

Вы не итерация через список, просто распечатывая 0-й и 2-й элемент в массиве.Попробуйте:

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);
    });

}

.

Я уверен, что есть более чистый способ, используя jQuery, но это должно работать

Answer 2

Если вы хотите использовать синтаксис jQuery, процесс, как это:

var listElement = '';

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

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

.