jQuery json 데이터 가져오기

RESTful하게 개발할 때

json 데이터를 가져와서 웹 페이지를 만드는 경우가 많이 있다.

jQuery를 사용하면 간단하게 구현이 가능하다.

/example/result 이런 REST API로 HTTP GET해서 데이터를 가져오고 싶다면

다음과 같은 방식으로 구현을 하면 된다.

$.getJSON("/example/result", function(result){
        $.each(result, function(i, field){
            $("div").append(field + " ");
        });
});

jQuery document 처음 생성시 불리는 함수 ready()

jQuery 사용시

document가 ready되면 처음에 딱 한번 불리는 함수는 ready이다.

Web page를 개발할 때 처음에 세팅하거나 호출되어야 하는 것들을 ready안에 넣어 놓으면 편하다.

아래와 같이 사용

$( document ).ready(function() {
    console.log( "ready!" );
});