JavaScript/jQuery

[jQuery] ajax 관련

mart3n 2024. 7. 16. 16:00
$(function(){
    // -> ajax 가 시작될때 실행 ==> 우선순위1 (에러발생시에도 실행)
    $(document).ajaxStart(function (event) {
        console.log('ajaxStart',event);
        loading_page.style.display = 'block'
    })
        // -> ajax 를 보낼때 실행 ==> 우선순위2 - (에러발생시에도 실행)
        .ajaxSend(function(event,request,settings){
            //console.log('ajaxSend',event,request,settings);
        })
        // -> ajax 가 성공일때 실행 ==> 우선순위3
        .ajaxSuccess(function(event,request,settings){
            //console.log('ajaxSuccess',event,request,settings);
        })
        // -> ajax 요청완료일떄 실행 ==> 우선순위4 (에러발생시에도 실행)
        .ajaxComplete(function(event,request,settings){
            //console.log('ajaxComplete',event,request,settings);
        })
        // -> ajax 요청이 모두 완료되었을 때 실행 ==> 우선순위5 (에러발생시에도 실행)
        .ajaxStop(function(event){
            console.log('ajaxStop',event);
            loading_page.style.display = 'none'

        })
        // -> ajax 에러발생시에만 실행 ==> (에러발생시에만 실행되고 우선순위3)
        .ajaxError(function(event,jqxhr,settings,thrownError){
            //console.log('ajaxError',event,jqxhr,settings,thrownError);
            if(jqxhr.status === 401){
                console.log("401 error");
            }else if(jqxhr.status === 402){
                console.log("402 error");
            }else if(jqxhr.status === 403){
                console.log("403 error");
            }else if(jqxhr.status === 404){
                console.log("404 error");
            }else if(jqxhr.status === 405){
                console.log("405 error");
            }
        })
});