使用jQuery读取JSON文件

Raf*_*ues 10 jquery json

嘿我正试图用jQuery从JSON文件中读取数据.这是我的JS:

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

    $.getJSON('testData.json', function(data) {
        myItems = data.items;
        console.log(myItems);
    });
});
Run Code Online (Sandbox Code Playgroud)

这就是JSON文件:

{"fname":"rafael","lname":"marques","age":"19"}
{"fname":"daniel","lname":"marques","age":"19"}
Run Code Online (Sandbox Code Playgroud)

当我在浏览器中打开我的HTML页面时,我在控制台中看不到任何内容.

the*_*dox 14

在每个对象之后添加逗号,然后使用json文件中[]包含属性的对象将其包装起来,items以便它看起来像

{
    items: [
    {
        "fname": "rafael",
        "lname": "marques",
        "age": "19"},
    {
        "fname": "daniel",
        "lname": "marques",
        "age": "19"
    }]
}
Run Code Online (Sandbox Code Playgroud)

那你应该试试

$.each(data.items, function(key, val) {
   alert(val.fname);
   alert(val.lname);
})
Run Code Online (Sandbox Code Playgroud)