1. done() 과 fail() 메서드

• 둘 다 JQuery에서 제공하는 AJAX 요청 처리 메서드이다.
• done() 메서드는 AJAX 요청이 성공적으로 완료되었을 때 실행할 콜백 함수
• fail() 메서드는 요청이 실패했을 때 실행할 콜백 함수

$.ajax({
  url: "/ex01",
  success: function(data) {
    console.log("AJAX 요청이 성공했습니다.");
  }
})
.done(function() {
  console.log("done() 메서드가 실행됩니다.");
})
.fail(function() {
  console.log("fail() 메서드가 실행됩니다.");
});

2. success() 메서드와 done()메서드의 차이?

• 모두 AJAX 요청이 성공했을 때 처리하는 콜백 함수이다.
• success 는 JQuery 1.5 버전 이전에 사용되던 메서드이고 done()은 1.5 버전 이후 새롭게 추가된 메서드이다.
• 기능은 거의 동일하지만, 사용 방법에 차이가 있다.
  • success 메서드는 $.ajax() 메서드를 호출할 때 설정하는 options 객체 안에 포함시켜야 한다
  • done 메서드는 $.ajax() 메서드의 반환값인 jqXHR 객체에서 호출된다. 또한 jqXHR 객체를 활용하여 추가작업을 수행할 수도 있다.

예시를 보는 것이 더 이해하기 쉽다.

// success 메서드를 사용한 AJAX 요청 (options 객체 안에 있는 모양)
**$.ajax({**
==========================================
  url: "/ex01",
  **success: function(data) {
    console.log("AJAX 요청이 성공했습니다.");
    // 성공적으로 데이터를 받았을 때 처리할 작업
  },
  error: function() {
    console.log("AJAX 요청이 실패했습니다.");
    // 실패했을 때 처리할 작업**
  }
==========================================
**});**

// done 메서드를 사용한 AJAX 요청
$.**ajax({**
  url: "/ex01",
**})
===================================================
.done(function(data) {
  console.log("AJAX 요청이 성공했습니다.");
  // 성공적으로 데이터를 받았을 때 처리할 작업
}).fail(function() {
  console.log("AJAX 요청이 실패했습니다.");
  // 실패했을 때 처리할 작업
});
===================================================**

여기서부터는 아직 다뤄보거나 실습하지 않은 메서드들이라 참고 정도만!

3. then() 메서드

• then() 메서드는 Promise 객체를 반환하고, Promise 객체란 비동기 작업이 완료되었을 때 처리하는 방법을 정의하는 객체이다.