javascript - 将每个函数与 getJSON 一起使用内部文件

Question

我是菜鸟。非常遗憾。我有一个json文件和一个index.html，想在html中显示json数据。我缺少什么？谢谢。

我有一个 json 文件

myinfo.json(已验证)

[{"firstName":"John","lastName":"Doe" },{"firstName":"Anna","lastName":"Smith" },{"firstName":"Peter","lastName":"Jones"}]

还有这个

<script>

$(document).ready(function () {
    $.getJSON("myinfo.json", function (data) {
            $.each(data, function () {
                $("<li>" + this.firstName + " " + this.lastName + "</li>").appendTo("#groups");
            });
    });
});

</script>

Answer 1

好吧，你的 getJSON 回调函数应该看起来像这样( fiddle : http://jsfiddle.net/PVm7v/3/ ):

function (data) {
            $.each(data, function (index, record) {                
                    $("<li>" + record.firstName + " " + record.lastName + "</li>").appendTo("#groups");
            });
}

无需对数组进行两次迭代。