# Query에서 $.getJSON과 $.ajax 비교 정리

jQuery에서 $.getJSON과 $.ajax 비교 정리

웹 개발을 하다 보면 서버에서 데이터를 가져올 때 jQuery의 Ajax 기능을 자주 사용하게 됩니다.

이때 가장 많이 쓰이는 것이 바로 $.ajax와 그 축약 버전인 $.getJSON이에요.

두 메서드는 비슷해 보이지만 쓰임새와 옵션 범위에서 차이가 있습니다.

---

1. $.getJSON

$.getJSON('/geoserver/wfs', { param1: 'A', param2: 'B' })
  .done(function(data) {
      console.log("성공", data);
  })
  .fail(function() {
      console.log("실패");
  })
  .always(function() {
      console.log("무조건 실행");
  });

 

• 기본적으로 GET 요청만 가능.
• 응답을 무조건 JSON으로 파싱해줌.
• 간단하게 WFS/REST API JSON 호출할 때 유용.

내부적으로는 $.ajax에 type: "GET", dataType: "json"을 넣은 것과 동일

---

2. $.ajax

$.ajax({
    url: '/geoserver/wfs',
    method: 'GET',         // GET, POST, PUT 등 다 가능
    dataType: 'json',      // 응답 타입(json, xml, text 등)
    data: { param1: 'A', param2: 'B' },
    success: function(data) {
        console.log("성공", data);
    },
    error: function(xhr, status, error) {
        console.log("실패", status, error);
    },
    complete: function(xhr, status) {
        console.log("무조건 실행", status);
    }
});

 

 

• HTTP 메서드(GET, POST, PUT, DELETE 등) 다 지원.
• dataType, contentType, headers, timeout 같은 세부 옵션 조절 가능.
• success, error, complete 같은 콜백 방식 제공.
• .done/.fail/.always 같은 Promise 방식도 가능 ($.ajax(...).done(...)).

 

3. 비교 요약

구분	$.getJSON	$.ajax
요청 방식	GET만 가능	GET, POST, PUT, DELETE등 가능
응답 처리	JSON만 자동 파싱	json, xml, text등 지정 가능
코드 간결성	단순 JSON GET에는 짧고 편리	옵션 많아서 길지만 유연
콜백/체이닝	done, fail, always	success, error, complete + 체이닝 가능
내부 동작	$.ajax의 축약형	풀 옵션 제어 가능

 

 

4. 정리

• 단순히 JSON GET 요청만 한다 → $.getJSON
• POST 요청, 다른 응답 타입, 헤더/타임아웃 등 옵션이 필요하다 → $.ajax

즉, 상황에 따라 적절히 선택하면 됩니다. 간단히 쓸 땐 $.getJSON, 복잡하게 제어할 땐 $.ajax가 정답이에요.