IE에서 ajax cache이슈

 

현재 BC카드사에서 위챗페이X BC카드 결제시스템 처리 프로그램의 백오피스를 JQuery로 구현중에 있다.

프론트 로직을 90%이상 작업을 마친 와중에 BC에서는 IE와 엣지가 주 사용 브라우저라는 얘기를 듣고 막판에 IE로의 호환성 검사를 시작했는데 아니나 다를까 로그인 화면부터 말썽이였다.

 

 

구글링을 해본 결과 IE에서 ajax GET방식으로 cache가 남으면 화면 오류가 날 수 있다고 한다. 

별도의 세팅이 없는 IE의 경우 ajax로 호출하는 URL이 동일하고 파라미터가 없을 경우 재호출시에도 서버에 요청을 안하고 Cache를 이용하여 기존값을 보내주기 때문에 문제가 생긴다.

 

 

이런 경우 jQuery 옵션 중 cache항목을 이용하면되는데 이 옵션은 default가 true이기 때문에 해당옵션을 false로 변경해준다.

따라서 아래와 같은 코드에서 cache: false라는 설정값을 넣어주면 해결된다.

$.ajx({
	url : "",
	type: "get",
	dataType: "json",
	async : false,
    cache: false, //추가!!!
	error: function(xhr, txt){
	 console.log("실패");
     return false;
	},
    succeess:function(data){
    console.log("성공");
    return true;
    }
   });

cache:false,