json 파일을 읽어올 때 getJSON() 과 ajax() 차이

배경

ajax를 사용하던 도중 getJSON() 과 ajax() 에 대한 차이가 궁금해졌다.

getJSON()'s problem

async 옵션, type 옵션을 활용할 수 없다! 😮😮

• async 옵션은 기본적으로 true 가 default 인데, false 로 하면 백그라운드로 진행하는게 아니라 순차적으로 진행되어 제대로된 .ajax 를 사용하는게 아닐지 모르지만 화면을 보는 관점에서는 더자연스럽게 느껴진다.
  • jQuery의 Ajax호출은 async: true가 기본이며, 이 속성을 기입하지 않는다면 기본적으로 비동기식으로 동작한다. 을 false로 설정하게되면 동기식 식으로 이제 ajax를 호출하여 서버에서 응답을 기다렸다가 응답을 모두 완료한 후 다음 로직을 실행하는 동기식으로 변경한 것.
  • 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) {
             // 받아온 데이터 처리        
            ...
        });
    }
});

https://withthisclue.tistory.com/entry/jQuery-json-%ED%8C%8C%EC%9D%BC-%EC%9D%BD%EA%B8%B0-ajax-getJSON-%EC%B0%A8%EC%9D%B4
https://recollectionis.tistory.com/167