[jQuery; 제이쿼리] Ajax - type / method 차이점 및 사용법

jQuery Logo

오늘도 열심히 다른 사람들의 소스코드를 복붙하며 내꺼로 날치기(?)를 하고있었다.

`$.ajax`를 사용하여 데이터를 저장하는 로직을 구현하고 있을때였다.

다른 사람(내가 만든걸지도 모르지만)의 소스코드에서 복붙을 하고 `GET`을 `POST`로 바꾸려던 찰나에 문뜩 의문이 들었다.

어떤 코드에는 `type : 'GET'` 이라고 적혀있고 또 다른 코드에는 `method : 'GET'` 이라고 적혀있는거였다.

맨날 복붙만 하다가 이제와서 보니까 뭔가 다른것이다.

분명 같은 기능인거같은데 이름이 다르다..!

그래서 api 문서를 찾아봤다.

type과 method는 jQuery에서 Ajax 요청을 보낼 때 사용되는 속성으로 서로 동의어다.

jQuery 1.9.0 이전 버전에서는 `type`를 사용하고 이후 버전에서는 새로 추가된 `method`를 사용하는 것이 권장된다.

결론은 같은 기능을하지만 버전에 따라 다르게 표기될 뿐이였다.

그래서 이제는 혼동하지않고 되도록이면 `method`를 사용하기로 했다.

그리고 잘 모르시는 분들을 위해 간단한 사용 예제도 작성해보았다.

$.ajax({
  url: "https://api.example.com/data",
  method: "POST",
  data: {
    name: "Aaron",
    age: 31
  },
  success: function(response) {
    // 요청이 성공한 경우 처리할 로직
    console.log(response);
  },
  error: function(xhr, status, error) {
    // 요청이 실패한 경우 처리할 로직
    console.log(error);
  }
});

다음엔 `success`와 `done`의 차이에 대해 알아보겠다.

https://daddydontsleep.tistory.com/76

[jQuery; 제이쿼리] Ajax에서 success와 done의 차이점 (Deferred 객체)

끝.

[reference]

jQuery.ajax() | jQuery API Documentation

jQuery.ajax() | jQuery API Documentation

javascript - What is the Diff between type and method in ajax - Stack Overflow

What is the Diff between type and method in ajax

초보 개발자들을 위한 AJAX에 대한 정리 | Mambo (kdevkr.github.io)

초보 개발자들을 위한 AJAX에 대한 정리

kdevkr/spring-demo-ajax: Example of AJAX with Spring Boot (github.com)

GitHub - kdevkr/spring-demo-ajax: Example of AJAX with Spring Boot