0

我是菜鸟。非常遗憾。我有一个 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>
4

2 回答 2

2

好吧，您的 getJSON 回调函数应该看起来像这样（小提琴：http: //jsfiddle.net/PVm7v/3/）：

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

无需遍历数组两次。

于 2013-11-10T21:38:49.433 回答
0

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

于 2013-11-10T21:34:52.383 回答