順不同リストにJSONオブジェクトを挿入する方法

Question

私はobj= json.parse（データ）を使用して作成したJSONオブジェクトを持っています。「データ」はWebサーバーから受信されました。私はそれから単一の変数をdivまたは私のリストに印刷することができるので、私はオブジェクトが正しいことを知っています。

これはJSONオブジェクトが作成されているものです。

[{"名前"： "Staurikosaurus"、 "Group"： "Saurischia"、 "Diet"： "Carnivore"、 "Pired"： "Triassic"}、{"名前"： "Group"：「サウリシア」、「ダイエット」：「草食動物」、「期間」：「ジュラシック」}、{「名前」：「グループ」：「Ornithischia」、「ダイエット」、「草食」、「期間」：「Jurassic」}、{"名前"： "ティラノサウルス"、 "Group"： "Saurischia"、 "Diet"： "Carnivore"、 "Pired"： "Cretaceous"}]

文字通り私がやりたいことはこれをaに表示されます。

私の現在のコード：

 function getJson(){$.get(MY URL, function(data) {
            // String
            //console.dir(data);

            // Parse JSON
            var obj = JSON.parse(data);

            // JSON object
            //console.dir(obj);
            $('#myList').html("<li>"+obj[0].period+"</li><li>"+obj[2].period+"</li>");
            //$('#myList').html("<li>obj[2].period</li>");
        });

    }

.

これは、Jurrasicを三式でリストを印刷します。

私はjQueryでこれをすることを好むがJavaScriptは大丈夫です。

ありがとうございました。

Answer 1

リストを繰り返していない場合は、配列内の0番目と2番目の要素を印刷するだけです。試してみてください：

function getJson(){$.get(MY URL, function(data) {
        // String
        //console.dir(data);

        // Parse JSON
        var obj = JSON.parse(data);

        // JSON object
        //console.dir(obj);
        var inner = '';
        for(i=0; i < obj.length; i++) {
             inner += "<li>"+obj[i].period+"</li>";
        }
        $('#myList').html(inner);
    });

}

.

jQueryを使用してきれいな方法があるが、それが働くべきです

Answer 2

jQuery構文を使用したい場合は、次のようなプロセスがあります。

var listElement = '';

$.each(obj, function(index, value) {
    listElement += '<li>' + data[obj].period + '</li>';
})

$('#myList').html(listElement);

.