JavaScript를 로드하고 캐싱 문제를 처리하는 jQuery getScript() 메서드에 대한 자세한 설명

伊谢尔伦
풀어 주다: 2017-07-21 15:51:21
원래의
3023명이 탐색했습니다.

Javascript의 동적 로딩은 매우 강력하고 유용한 기술입니다. jQuery를 사용하는 경우 단일 js 파일을 로드하는 내장 메서드가 있습니다. 일부 js 플러그인이나 다른 유형의 파일 로드를 지연해야 할 때 이 방법을 사용할 수 있습니다. 사용 방법은 다음과 같습니다!

1. jQuery getScript() 메서드는 JavaScript를 로드합니다.

jQuery에는 단일 js 파일을 로드하는 메서드가 내장되어 있으며, 로드가 완료되면 콜백 함수에서 후속 작업을 수행할 수 있습니다. jQuery.getScript를 사용하는 가장 기본적인 방법은 다음과 같습니다.

jQuery.getScript("/path/to/myscript.js", function(data, status, jqxhr) {
 /*   做一些加载完成后需要执行的事情 */ 
});
로그인 후 복사

이 getScript 메소드는 jqxhr을 반환하며 다음과 같이 사용할 수 있습니다.

jQuery.getScript("/path/to/myscript.js")
 .done(function() {
  /* 耶,没有问题,这里可以干点什么 */
 })
 .fail(function() {
  /* 靠,马上执行挽救操作 */
});
로그인 후 복사

jQuery.getScript를 사용하는 가장 일반적인 장소는 js 플러그인을 지연 로드하는 것입니다. 그리고 로딩이 완료되면 실행하세요:

jQuery.getScript("jquery.cookie.js")
 .done(function() {
  jQuery.cookie("cookie_name", "value", { expires: 7 });
});
로그인 후 복사

2. 캐시 문제

매우 중요한 문제가 있습니다. jQuery.getScript를 사용할 때, 이를 방지하기 위해 로드해야 하는 js 주소 다음에 타임스탬프 문자열을 사용해야 합니다. 캐시됩니다. 하지만 이 스크립트를 캐시하려면 다음과 같이 전역 캐시 변수를 설정해야 합니다.

jQuery.ajaxSetup({
  cache: true
});
로그인 후 복사
jQuery.ajax({
      url: "jquery.cookie.js",
      dataType: "script",
      cache: true
}).done(function() {
  jQuery.cookie("cookie_name", "value", { expires: 7 });
});
로그인 후 복사

스크립트를 로드할 때 캐싱 문제에 주의하세요!

위 내용은 JavaScript를 로드하고 캐싱 문제를 처리하는 jQuery getScript() 메서드에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿