본문 바로가기
Programming/jQuery

[jQuery] JSON에서 데이터 읽어 오기.

by 신규하 2009. 11. 19.

jQuery를 사용해서 JSON의 데이터를 읽어서 사용하는 예제입니다.

JSON Data
{
    'US' :
        {'AK' : 'Alaska', 'AL' : 'Alabama'},
    'CA' :
        {'AB' : 'Alberta', 'MB' : 'Manitoba'}
}

jQuery 스크립트
$.getJSON('/state.json',function(data) {
    $.each(data.US, function(key,state) {
        $($select_state).append('<option value="' + key + '">' + state + '</option>');
    });
});

설명
/stat.json 이라는 파일에서 JSON 데이터를 읽어 와서 data에 넣습니다.
$.each로 data안에 'US'의 내용을 하나씩 읽어서 key과 state에 넣습니다.
아래 append예제는 US의 내용을 select box에 추가하는 작업입니다.

댓글