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

从文件中读取JSON

3 个答案: