>  기사  >  웹 프론트엔드  >  IE 브라우저 캐시를 지우는 JS 방법

IE 브라우저 캐시를 지우는 JS 방법

亚连
亚连원래의
2018-05-22 13:48:572307검색

이 글에서는 js에서 IE 캐시를 자동으로 삭제하는 여러 가지 방법을 자세히 소개합니다. 자신의 필요에 따라 자신에게 맞는 방법을 자유롭게 선택할 수 있습니다. js를 배우는 모든 사람에게 도움이 되기를 바랍니다.

js에서 IE 캐시 자동 지우기— 일반적으로 사용됨
index.asp?id=... 또는 index.aspx?id=...와 같은 동적 파일의 경우 숙련된 프로그래머는 브라우저에서 데이터 캐싱을 방지하는 방법을 알고 있다고 생각합니다. 그러나 정적 파일(css, jpg, gif 등)의 경우 어떤 상황에서 브라우저가 캐싱을 금지해야 하며 어떻게 해야 합니까?

방법 1: Dojo에서는 다음과 같은 간단한 방법을 사용할 수 있습니다. dojo.xhrGet(post 포함) 및 기타 메소드에는 PreventCache 속성이 포함되어 있습니다. 이 속성의 의미는 "브라우저 캐시가 기본적으로 활성화되어 있습니다. 그렇지 않으면 브라우저 캐시가 유효하지 않은지 확인하기 위해 다른 매개변수가 자동으로 추가됩니다." 이 속성을 "true"에만 할당하면 됩니다.
방법 2: document.write(" ver=113의 113은 버전 번호이며 일반적으로 CVS 또는 기타 도구에서 생성된 개발 버전 번호입니다.
이런 방식으로 정적 파일은 캐시해야 할 때 캐시될 수 있습니다. 버전이 업데이트되면 최신 버전을 다운로드하고 캐시를 업데이트하세요.
이미지를 효과적으로 활용하고 업데이트하려면

js 브라우저 캐시를 삭제하세요. 2 브라우저와 브라우저 간의 네트워크 전송 부담을 줄이기 위해. 서버에서는 js, css 및 수정된 그림과 같은 정적 파일을 캐시해야 하는 경우가 많습니다. 즉, 이러한 파일의 HTTP 응답 헤더에 Expires 및 Cache-Control 매개변수를 추가하고 캐시 시간을 지정해야 합니다. 브라우저는 특정 기간 내에 서버에 메시지를 보내지 않습니다. HTTP 요청(강제 새로 고침 제외)은 이 기간 동안 서버의 js, css 또는 이미지 파일이 여러 번 업데이트된 경우에도 브라우저의 데이터는 여전히 유효합니다. 가장 많이 캐시될 수 있는 오래된 데이터입니다. 수정된 최신 데이터는 어떻게 되나요?
네, ajax를 사용하여 서버에 최신 파일을 요청하고 추가하는 방법이 있나요? 요청 헤더 If-Modified-Since 및 Cache-Control은 다음과 같습니다: $.ajax({

type: "GET" ,

url: "static/cache.js",
dataType: "text",
beforeSend: function(xmlHttp){
xmlHttp.setRequestHeader("If-Modified-Since","0")
xmlHttp.setRequestHeader("Cache-Control","no-cache")
}
});
이런 식으로 브라우저는 이전 로컬 파일을 최신 파일로 대체합니다.

물론 여기에는 또 다른 문제가 있습니다. js는 서버에서 어떤 js, css 및 이미지가 업데이트되었는지 알아야 합니다.

jquery에는 1.2부터 ifModified 및 캐시 매개변수가 있으므로 헤더를 직접 추가할 필요가 없습니다.
ifModified Boolean 기본값: false
이후 응답이 변경된 경우에만 요청이 성공하도록 허용합니다. 마지막 요청은 Last-Modified 헤더를 확인하여 수행됩니다. 기본값은 헤더를 무시하고
cache Boolean 기본값: true
jQuery 1.2에 추가되었으며 false로 설정하면 요청한 페이지가 강제로 실행되지 않습니다. 브라우저에 의해 캐시됩니다.

$.ajax({
type: "GET",

url: "static/cache.js",

dataType: "text",
cache: false,
ifModified :true
});

위 내용은 모두를 위해 제가 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련글 :

브라우저 캐싱 방지를 위해 ajax 요청 주소 뒤에 난수를 추가하는 이유

브라우저가 ajax 요청을 기억하고 앞뒤로 갈 수 있는 문제 해결

PHP 로그인(ajax 제출 데이터 및 백그라운드 확인)

위 내용은 IE 브라우저 캐시를 지우는 JS 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.