IE에서 jQuery Ajax 로딩 안될 경우

Ajax를 이용하여 개발된 스크립트가 IE에서 정상적으로 작동하지 않는 경우가 있습니다.

 

크롬과 파이어폭스에서는 아주 정상적으로 잘 작동되기 때문에 IE에서 직접 현상을 보기 전까진 알 수가 없습니다.

심지어 IE도 세팅에 따라 작동하고 안하고의 차이가 있습니다.

 

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

 

이런 경우에는 jQuery 옵션 중 cache 항목을 이용하면 된다. 해당 옵션은 default로 true로 설정되어 있는데, 해당 옵션을 false로 변경하면 IE에서 해당 오류가 사라집니다.

 

 

$.ajaxSetup({cache:false});

 

$.ajax({

    type: "GET",

    url: "AAA.asp",    cache: false,    error: function(){    },    success: function(){    }

});

 

 

 

위와 같이 "cache:false"를 ajaxSetup에 추가하거나 ajax 구문에 직접 넣으면 됩니다.