Explorer fetch 지원 안되는 이슈 처리 방법

역시나, 크롬과 엣지에서는 지원되는 ajax 구문 중 fetch 가 익스플로러는 지원 안한다고 한다.
대부분의 구글링은 cdn 을 사용하면 된다고들 하지만, 상황이 여의치 않아 해당 파일을 로컬에서 적용해야
하는 경우도 있다.

https://cdn.jsdelivr.net/npm/whatwg-fetch@3.0/dist/fetch.umd.min.js    
https://cdnjs.cloudflare.com/ajax/libs/fetch/3.5.0/fetch.min.js  
https://cdnjs.cloudflare.com/ajax/libs/fetch/3.5.0/fetch.js  

위 주소를 인터넷 창에 치면 글씨다 쭉~~~~ 나올텐데.. 그 상태에서 ctrl+s를 누르면 위 파일명으로 저장이 된다.
위 3개 파일을 각 .js 명으로 저장한 뒤 파일을 local에서 적용하면 된다.

<script type="text/javascript" src="/lib/fetch.js"></script>
<script type="text/javascript" src="/lib/fetch.umd.min.js></script>
<script type="text/javascript" src="/lib/"fetch.min.js</script>

위 구문을  적용 후 tomcat 을 재 실행 하면 정상적으로 동작 하는 것을 확인 할 수 있다.

 

* 추가 글 --> Explorer 의 경우 ajax 관련 업데이트를 지원하지 않는다고 한다.   아마도 일부 작업하신 분들 중에는 해당 정보를 가져와서 보여주는 부분까지는 될테지만, 조회 같은 상태 정보에 대해서는 업데이트 되지 않는 분들이 있을 수 있다.   이 경우에는 기존 fetch 구문  --> fetch(url + "?key=" + new Date().getTime() { } 식으로 수정해주면 된다.

이 + "?key=" + new Date().getTime() { }  추가한 부분은 인터넷 익스플로러의 경우 cache 가 refresh 되지 않기 때문에, 요청할 시 url 정보에 추가적으로 날짜 시간을 덧붙여서 같은 url 로 호출하는 것을 방지하여, update 시에 정보를 가져오기 위함이다.