jQuery - getJson() 메서드

배경

제이쿼리는 ajax() 함수외에도 다양한 단축메소드가 있다. 이중에서도 getJSON() 메소드에 대하여 알아보려고 한다. 😀😀 ajax 단축 메소드는 이외에는 get(), post(), load()등의 메소드가 존재한다.

getJSON()란?

getJSON()은 비동기식으로 서버와 접속해 데이터를 불러올 때 사용하는 점은 같으나 JSON 타입의 데이터를 불러온다. ajax() 메소드의 dataType: 'json' 과 동일한 역할을 수행한다.

getJSON() 예제

javascript

    $.getJSON("./text.json", function (data) {
        var words = []; // 받아올 데이터를 저장할 words 배열 선언
        $.each(data, function (key, value) {
            words.push(value);
        });

        var wordsStr = words.join();
        $('body').html(wordsStr);
    });

text.json

{
    "name" : "yuri",
    "job" : "developer",
    "age" : "25"
 }

결과

json 파일이 불려지고 body 안에 담겨 알맞게 출력된 모습을 볼 수 있다.

https://webisfree.com/2015-07-09/[%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%AC]-getjson()-%EB%A9%94%EC%86%8C%EB%93%9C-%EB%B9%84%EB%8F%99%EA%B8%B0-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EB%B0%9B%EC%95%84%EC%98%A4%EA%B8%B0