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);
})