JSON 썸네일형 리스트형 dynamic selectbox with getJSON 흔히 쇼핑몰이나 기타 웹사이트를 보면 selectbox 대분류 소분류로 나뉘어 대분류를 선택하게 되면 소분류는 대분류와 연관된 카테고리가 나오게 된다. 이런 기능을 데이터 형식은 json으로 처리를 하며 jquery getJSON 메소드를 이용하여 dynamic하게 소분류 카테고리를 만들어 본다. 그림1 첫 대분류 selectbox 화면 그림2 대분류 선택 이후 소분류 selectbox 추가된 화면 json 데이터 형식 [ {"F_TMPL_CODE":"045001001093", "F_TMPL_NAME":"Dream"}, {"F_TMPL_CODE":"045001001588", "F_TMPL_NAME":"Green Day"}, {"F_TMPL_CODE":"045001001487", "F_TMPL_NAME":.. 더보기 JSON(JavaScript Object Notation) 이 글은 한빛미디어 Ajax입문 책의 내용을 제가 나름대로 정리 한 겁니다. JSON은 경량 데이터 교환 형식입니다. 사람이 읽기 쉽고, 쓰기 쉽고, 또 기계에도 해석과 생성이 용이한 형식이며 JavaScript에 근거한 부분집합입니다. 예를 들어, 아래와 같이 쓰입니다. var oj = { "프로퍼티 이름" : "값", "메소드 이름" : function(){ alert('쑝!!') } } oj오브젝트가 생성되었으며 oj.프로퍼티 이름으로 "값"을 얻어 낼 수 있으며 oj.메소드 이름()으로 쑝!!을 출력할 수 있습니다. 또한 JavaScript로는 배열도 다음과 같은 꼴로 다룰 수 있는 경우가 자주 있습니다. var ary = { "값1", "값2", "값3" } XML을 대신할 데이터 교환용 형식으.. 더보기 이전 1 다음
