본문 바로가기
프로그램/jQuery

getJSON() 함수

by 로드러너 2014. 1. 11.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

GET 메소드를 이용해서 데이터를 얻는다. 데이터는 JSON 구조로써 평가되어진다.

 

jQuery.getJSON(url, data, function(data, status){});

$.getJSON(url, data, function(data, status){});

url : 호출될 서버쪽 페이지

data : QueryString 매개 변수

callback : getJSON() 함수가 완료된 후 호출할 함수

 

 

예제)

<script>

$(document).ready(function(){
    $("button").click(function(){
        $.getJSON('test.html', null, function(data, status){
            alert(status);
            $.each(data, function(index, entry){    //index는 0부터 시작한다.
                alert(entry['key']);
            });
        });
    });

});

</script>

<body>

<div id="div1">JSON 데이터를 읽어들인다</div>
<button>LOAD</button>

</body>

 

[ test.html 내용 ]

[

{ "key" : "value1" },

{ "key" : "value2" }

]