[jquery] ajax 실행 취소

안녕하세요 ~! 이번에는 ajax 실행 도중 취소하는 방법을 소개 드리려고 합니다.

 

ajax를 사용하다 보면 중간에 취소가 되지않아 오류가 발생한 적이 있을텐데 해당 방법으로 이슈를 해결 할 수 있습니다.

$('#btn').click(function(){
    if (typeof this.xhr !== 'undefined') {
        this.xhr.abort(); // 비동기 실행취소
    }

    this.xhr = $.ajax({
        url : '',
        data : {data:data},
        dataType : 'json',
        type : 'post',
        success : function(){
            console.log('성공');
        }
    })
})

 

this.xhr 이라는 변수에 담아 this.xhr.abort를 이용하여 기존에 실행되는 이벤트를 종료하는 방법입니다.

이방법을 활용하면 여러 이슈들을 해결 할 수 있습니다!