jquery - 使用 jQuery 读取 JSON 文件

Question

嘿，我正在尝试使用 jQuery 从 JSON 文件中读取数据。这是我的 JS：

$(document).ready(function() {
    var myItems;

    $.getJSON('testData.json', function(data) {
        myItems = data.items;
        console.log(myItems);
    });
});

这就是 JSON 文件：

{"fname":"rafael","lname":"marques","age":"19"}
{"fname":"daniel","lname":"marques","age":"19"}

当我在浏览器中打开我的 HTML 页面时，我在控制台中什么也看不到。

Answer 1

在每个对象之后添加逗号，然后用json 文件中[]具有属性的对象将它们包装起来，items这样它看起来像

{
    items: [
    {
        "fname": "rafael",
        "lname": "marques",
        "age": "19"},
    {
        "fname": "daniel",
        "lname": "marques",
        "age": "19"
    }]
}

那么你应该尝试

$.each(data.items, function(key, val) {
   alert(val.fname);
   alert(val.lname);
})

Answer 2

{"fname":"rafael","lname":"marques","age":"19"}
{"fname":"daniel","lname":"marques","age":"19"}

不是正确的 json 文件。在行之间添加逗号或使其如下所示：

{items:[
    {"fname":"rafael","lname":"marques","age":"19"},
    {"fname":"daniel","lname":"marques","age":"19"}
]}

以符合您的明显要求。

但是打开控制台查看错误就可以解决这个问题。