如何将json对象插入无序列表

Question

我有一个使用 obj = JSON.parse(data) 创建的 json 对象。 “数据”是从网络服务器收到的。我知道该对象是正确的，因为我可以将其中的单个变量打印到 div 或我的列表中。

这是创建 json 对象的来源：

[{"name":"Staurikosaurus","group":"Saurischia","diet":"Carnivore","period":"Triassic"},{"name":"梁龙","group" :"Saurischia","diet":"Herbivore","period":"Jurassic"},{"name":"Stegosaurus","group":"Ornithischia","diet":"Herbivore","period" :"侏罗纪"},{"名称":"暴龙","组":"蜥臀目","饮食":"食肉动物","期":"白垩纪"}]

从字面上看，我想做的就是把它放到一个网页上显示。

我当前的代码：

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

    }

这会成功打印出 Triassic 然后 Jurrasic 的列表。

我更喜欢在 Jquery 中执行此操作，但 javascript 没问题。

谢谢。

Answer 1

如果你想使用 jQuery 语法，可以这样处理：

var listElement = '';

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

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

Answer 2

您没有遍历列表，只是打印出数组中的第 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 有一种更简洁的方法，但应该可以使用