JQuery - Ajax 프로그레스바(진행도)

웹에서 ajax를 쓰다보면

요청을 처리하느라 길어지는 경우가 발생한다.
그럴경우 프로그레스바나 로딩 이미지를 통해 진행 중이라고 표시를 해주기 위해 사용한다.
$.ajax({
type : "get",
     url : url,
     success : function( data ){},
beforeSend: function(){
           $('.wrap-loading').removeClass('display-none');
},
complete: function(){
   $('.wrap-loading').addClass('display-none');
},
error : function(){
    alert("통신 실패");
},
timeout: 10000
});

잊지말자