본문 바로가기
Web(HTML5)

json jquery populate each example

by swconsulting 2017. 8. 30.


        function showSidoInternalInfo(jsonResult) {            


            var jsonSidoData = JSON.parse(jsonResult);


            console.log('showSidoInternalInfo : ' + jsonSidoData);


            var items = [];

            items.push('<li> [지역 이름 | 상태] Pm10/Pm25/오존 </li>');


            $.each(jsonSidoData.list, function (i, item) {

                console.log("name : " + item.cityName + ", value : " + item.pm10Value);

                var status = calStatusIndex(item.pm10Value, item.pm25Value);

                var statusText = getStatusText(status);

                var statusHtml = makeStatusHtml(status);


                items.push(statusHtml + ' [' + item.cityName + ' | ' + statusText + '] ' + item.pm10Value + '/' + item.pm25Value + '/' + item.o3Value + '</li>');

            });


            $('#sidoInternalList').append(items.join(''));

        }