※TIP) JSON 객체 형태를 validate 하고 싶으면, Google 에서 JSON Validator 라고 쳐서 아무거나 쓰면 디버깅하기 쉽다
JSON each 문을 돌리는 문법
-- JS
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
var textObj = JSON.parse(text);
위처럼 해당 JSON을 String 만들어서 JSON.parse 해도 좋고
아래처럼 JSON 자체를 변수에 담아도 좋다.
var obj = {
"listData": [
{
"dmNum": "",
"dmName": "정책",
"L1": "100.0",
"L2": "86.11",
"L3": "0.0",
"TOT": "89.79",
"TYPE": ""
},
{
"dmNum": "",
"dmName": "조직",
"L1": "100.0",
"L2": "70.73",
"L3": "12.5",
"TOT": "70.31",
"TYPE": ""
},
{
"dmNum": "",
"dmName": "위수탁 보안관리",
"L1": "75.0",
"L2": "50.0",
"L3": "0.0",
"TOT": "52.63",
"TYPE": ""
}
]
};
-- HTML
<p id="demo">hi</p>
<script>
$.each(obj, function(idx, item) {
$.each(item, function(key, value) {
console.log("key : " + key + " TOT : " + item[key].TOT + " dmName : " + item[key].L1);
});
});
</script>
each 문 2개를 사용해서 총 갯수만큼의 각 attr 에 접근이 가능하다.
'Client Standard > JavaScript & jQuery' 카테고리의 다른 글
[jQuery] select box 강제 change 시키기 (0) | 2016.01.28 |
---|---|
[우클릭방지] jquery 구문 (0) | 2015.09.09 |
[Chart] FusionCharts 오픈 소스 API (0) | 2015.08.27 |
[Editor] Tiny (0) | 2014.12.29 |
[validation] 파일업로드 체크 (0) | 2014.09.17 |