JSON 객체를 정렬되지 않은 목록에 삽입하는 방법

Question

obj= json.parse (데이터)를 사용하여 작성한 JSON 객체가 있습니다."데이터"는 웹 서버에서 받았습니다.단일 변수를 DIV 또는 내 목록으로 인쇄 할 수 있기 때문에 개체가 올바른지 알고 있습니다.

이것은 JSON 객체가 생성 된 것입니다 :

[{ "": "Staurikosaurus", "그룹": "Saurischia", "다이어트": "Carnivore", "기간": "Triassic"}, { ""이름 ":"Diplodocus ","그룹 ": "Saurischia", "Diet": "Herbivore", "기간": "jurassic"}, { "이름": "Stegosaurus", "그룹": "ornithischia", "다이어트": "Herbivore", "기간": "jurassic"}, { "이름": "티라노 사우루스", "그룹": "Saurischia", "Diet": "Carnivore", "기간": "cretous"}]

문자 그대로 내가하고 싶은 모든 것은 이것을 웹 페이지에 나타나는 것입니다.

내 현재 코드 :

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

    }

.

이렇게하면 트라이어시스와 함께 목록을 성공적으로 인쇄합니다.

jQuery 에서이 작업을 선호하지만 JavaScript는 괜찮습니다.

고맙습니다.

Answer 1

배열에 0 번째 및 두 번째 요소를 인쇄하는 것만으로 인해 목록을 통해 반복하지 않습니다.시도해보십시오 :

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

.