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

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!