javascript - JSON 和 JavaScript - 如何使用 json 读取我的列表

Question

我不知道为什么我不能用下面的方式读取对象

function loadData(){
    $.getJSON('data.json', function(data) {
        $.each(data, function(Index, entry) {
            mem = new user(entry.name, entry.age, entry.location);
            userList.push(mem);
        });
    });
    return false;
}

function fillTable(){
    var html = "";
    console.log(userList);
    console.log(userList[0].name);
    $.each(userList,function(index , user){
       console.log(index);
        html += '<tr>';
        html +=  '<th>'+this.name+'</th>';
        html +=  '<th>'+this.age+'</th>';
        html +=  '<th>'+this.loca+'</th>';
        html += '</tr>'

        console.log(this.name);
    });
    $("#listTable").html(html);
}

控制台中上述结果的屏幕截图是 enter image description here

Answer 1

在loadData函数中调用fillTable，因为getJson是异步的

function loadData(){
            $.getJSON('data.json', function(data) {
                $.each(data, function(Index, entry) {
                    mem = new user(entry.name, entry.age, entry.location);
                    userList.push(mem);
                });
fillTable(); -- call it here
            });

            return false;
        }