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"}
]}

符合您的明显要求。

但打开控制台来查看错误会解决这个问题。

使用jQuery读取JSON文件

2 个答案: