Javascript 将每个函数与内部文件一起使用

我是个笨蛋。对不起。我有一个json文件和一个index.html，希望在html中显示json数据。我错过了什么？多谢各位

我有一个json文件

myinfo.json（已验证）

还有这个

<script>

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

</script>

$（文档）.ready（函数（）{
$.getJSON（“myinfo.json”，函数（数据）{
$。每个（数据、函数（）{
$（“
”+this.firstName+“+this.lastName+”
”）.appendTo（“#groups”）；
});
});
});

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

那么，您的getJSON回调函数应该如下所示（fiddle:）：

功能（数据）{
$.each（数据、函数（索引、记录）{
$（“
”+record.firstName+“+record.lastName+”
”）。附加到（“#组”）；
});
}

---

无需在数组中迭代两次。

如果服务器正确地传递json文件，它将正常工作。它是否正确发送，控制台中是否有错误？：）您直接从磁盘访问文件。为了让getJSON工作，您应该将它们托管在Web服务器上。您使用的是什么操作系统？您是如何设置Web服务器的？它是否配置为提供带有json扩展名的文件？我忘了在ASP.NET配置文件中设置json。你的回答很有效：）谢谢。

<script>

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

</script>

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