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回调函数应该看起来像这样（小提琴：http://jsfiddle.net/PVm7v/3/）：

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

无需在数组中迭代两次。

Answer 2

尝试使用不同的变量名，而不仅仅是所有迭代中的“数据”

将每个函数与getJSON一起用作内部文件

2 个答案: