jquery ajax post 사용법 및 에러처리

jquery 버전이 3을 넘어가면서 ajax에 대한 예외처리가 간단해졌습니다

.fail 에서 다 처리하고 jqXHR 부분에서 에러코드를 컨트롤해 예외처리를 합니다

 

$.ajax 로 사용하는 방식도 있으나 요즘 get 으로 데이터 보낼일이

거의 없어서 저는 보통 아래처럼 post 방식만 사용합니다

 

let url = 'test-url.jsp'; // 주소
let data = {'id':testuser, 'pw':test54321}; // 전송데이터

$.post(url, data})
    .done(function(){
    	// 성공시 처리
        alert("등록완료");
    })
    .fail(function(jqXHR, textStatus, errorThrown){
    	// 실패시 처리
        console.log(jqXHR.status); // 상태값 출력 (404,500)
        console.log(textStatus); // 상태에 대한 텍스트 출력 (error)

        if(jqXHR.status == 404){
            alert("페이지가 존재하지 않습니다");
        }else if(jqXHR.status == 500){
            alert("서버에러");
        }
    });