ajax 호출 공통 코드

작업 시 ajax 호출을 빈번하게 하는 경우 코드를 줄이기 위한 공통 코드 샘플 입니다.

 

-- ajax 호출 시 사용하는 공통코드 옵션은 상황에 맞춰서 추가, 삭제 해주면 됩니다.

const ajaxCall = {
   mainCall:function(url, type, dataType, successCallBack){
      $.ajax({
         url:url,
         type:type,
         dataType:dataType,
         beforeSend:function(xhr){
            //csrf 토큰 추가시 활성화 필요
            //xhr.setRequestHeader(token_header, token);
         },
         success:function(response){
            if(!cmmnUtil.isEmpty(successCallBack)){
               successCallBack(response);
            }
         }
      });
   }
}

- 넘겨받은 정보 체크 함수
const cmmnUtil = {
   isEmpty:function(value){
      if(value=="" || value==null || value==undefined){
         return true;
      }else{
         return false;
      }
   }
}

 

위의 코드를 html페이지에서 

ajaxCall.mainCall('/test/data/call', "get", "json", function(response){
   console.log(response);
});

형식으로 호출 할 수 있습니다.