[jQuery] json 파일 읽기 - .getJSON() 과 .ajax() 차이

json 파일을 읽어서 웹페이지에 적용하기 위해서 처음으로 적용해본것이 .getJSON() 이었다.

사용하면서 뭔가 좋으면서도 여러가지 문제가 있다는 것을 발견했다.

 

async 옵션, type 옵션을 .getJSON()에서는 활용할 수 없다는 것이다.

 

async 옵션은 기본적으로 true 가 default 인데, false 로 하면 백그라운드로 진행하는게 아니라 순차적으로 진행되어  제대로된 .ajax 를 사용하는게 아닐지 모르지만 화면을 보는 관점에서는 더자연스럽게 느껴진다.

 

또한, 백그라운드로 진행하면 안되는 작업을 할 때는 async옵션을 false로 주어야 한다.

 

 

# getJSON 사용법

$.getJSON("${path}/my_serv/mytest.do", function (data) {

    $.each(data, function (key, val) {

        // 받아온 데이터 처리        

        ...

    });

});

 

 

# ajax 사용법

$.ajax({

    url: "${path}/my_serv/mytest.do",

    data: param,

    dataType: "json"

    type: "POST",

    async: false,

    success: function (data) {

       $.each(data, function (key, val) {

             // 받아온 데이터 처리        

            ...

        });

    }

});

 

 

출처>

jQuery 개발자 사이트

https://api.jquery.com/jQuery.getJSON/

 

This is a shorthand Ajax function, which is equivalent to:

$.ajax({

    dataType: "json"

    url: url,

    data: data,

    success: success

});