使用jQuery读取JSON文件 [英] Read JSON File with jQuery

问题描述

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

Hey I'm trying to read data from a JSON File with jQuery. This is my 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页面时，在控制台中看不到任何内容.

When I open my HTML Page in the Browser I can't see nothing in the Console.

推荐答案

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

Add comma after each object, wrap then with [] and enclosed them with an object with property items in json file so it will look like

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

这篇关于使用jQuery读取JSON文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！