ajax 통신 시 success , fail, done, fail 차이

 

Success : AJAX 요청이 성공적으로 완료되면 이 콜백이 트리거됩니다. 응답 상태 코드가 성공을 나타낼 때(일반적으로 2xx 범위) 서버에서 반환된 데이터를 처리하는 데 사용됩니다. 이 콜백에서는 수신된 데이터를 처리하고 조작할 수 있습니다.

오류 : 클라이언트 측이나 서버 측에서 AJAX 요청에 오류가 발생하면 오류 콜백이 호출됩니다. 여기에는 응답 상태 코드가 오류(예: 4xx 또는 5xx 상태 코드)를 나타내는 경우가 포함됩니다. 이 콜백을 사용하면 오류를 처리하고 관리하여 사용자에게 적절한 피드백을 제공할 수 있습니다.

Done : AJAX 요청이 성공했는지 또는 오류가 발생했는지 여부에 관계없이 "done" 콜백이 실행됩니다. 결과에 관계없이 AJAX 요청이 완료된 후 수행하려는 작업에 사용되는 일반 콜백입니다.

Fail : "done"과 유사하게 "fail" 콜백도 성공이나 실패에 관계없이 실행되지만 특히 오류를 처리하기 위한 것입니다. 오류가 발생할 때 메시지를 기록하거나 표시하는 등의 작업을 수행하려는 경우 유용합니다

 

 

 

function logout() { // 로그아웃
  $.ajax({
    type: "DELETE",
    url: `/api/auth/logout`,
    contentType: "application/json",
    success: function (data) {
      console.log('Success:', data);
      removeTokenAll();
      alert("로그아웃 성공'");
    },
    error: function (jqXHR, textStatus) {
      console.log('Error:', textStatus);
      alert("로그아웃 실패");
      window.location.reload();
    }
  });