jquery - 从文件中读取 JSON

Question

您好，我有一个 json 文件，其中包含以下数据并称为 textareasdata：

[
{"Select":"11","PhotoCount":"12"},
{"Select":"21","PhotoCount":"22"}
]

所以我想在我的 html 页面的 div 元素中显示第一个 Select 和 PhotoCount，我正在使用以下函数：

function fncLoadData(){

        $.getJSON('textareasdata.json', function(data) {
                        //alert(data);
            $("#txtTextArea").html(data);


        });
}

它在警告框中显示 [object Object]。请问我该怎么做，谢谢。

Answer 1

function fncLoadData() {
    $.getJSON('textareasdata.json', function(data) {
        var firstSelect = data.shift();
        $("#txtTextArea").html(firstSelect.Select + " " + firstSelect.PhotoCount);
    });
}

Answer 2

你有

[ // <-- array of
{"Select":"11","PhotoCount":"12"}, // <-- objects
{"Select":"21","PhotoCount":"22"}
]

因此，要获取第一个对象，请使用 [index] - 数组索引为零

data[0].Select  // get first select
data[0].PhotoCount  // get first photocount

Answer 3

$("#yourDIV").html(data[0].Select+data[0].PhotoCount);