jquery - ファイルから JSON を読み取る

Question

こんにちは、次のデータを含む、textareasdata という名前の json ファイルがあります。

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

したがって、最初の Select と PhotoCount を html ページの div 要素に表示したいと思います。次の関数を使用しています。

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