마카로닉스

664 No

Json 파싱 배열 - 객체가 포함 될 경우 파싱 방법

2017-09-03 18:46:12 By 머나먼나라 0 481 댓글수 4 포스트 하기

4월 2024
일	월	화	수	목	금	토
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30


{
    "potato": [{
        "name": "OK",
        "drink": "available",
        "side": {
            "potato": "takes 5min",
            "sticks": "taks 10min",
            "goldwings": "takes 15min"
        }
    },
     {
        "name": "OK",
        "drink": "available",
        "side": {
            "potato": "takes 5min",
            "sticks": "taks 10min",
            "goldwings": "takes 15min"
        }
    }]
}

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<title></title>
   
	<script type="text/javascript">
        $(document).ready(function(e) {

			//data => potato json 객체
        	$.getJSON( 'test', function(data) {
        		var strResult="";
				$.each(data.potato, function(obj1, value1) {
					
					//obj1 값     	
                	strResult += "<li>"+value1.name + "</li>";       	
                	strResult += "<li>"+value1.drink + "</li>";   
                	
                	//side - 객체
                	$.each(value1.side, function (obj2, value2){
                		strResult += "<li>"+value2 + "</li>";   
                	});          	
      				
                });
				
	          	// ul 엘리먼트의 내용에 생성된 마크업 추가함
				$("#result").append(strResult);
				strResult = "";	

            });

        });
    </script>
    
    
    
    
</head>
<body>

	<ul id="result">
	
	</ul>
	


</body>
</html>