从文件读取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);