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

Use each function with getJSON an internal file

本文关键字：内部 文件 一个 函数 getJSON 一起      更新时间：2023-09-26

我是菜鸟。对此感到抱歉。我有一个 json 文件和一个索引.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>

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

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

无需遍历数组两次。

尝试在所有迭代中使用不同的变量名称，而不仅仅是"data"

相关文章：