jQuery가 js 스크립트 파일을 동적으로 로드하는 방법 구현 방법-JS 튜토리얼-php.cn

jQuery가 js 스크립트 파일을 동적으로 로드하는 방법 구현 방법

php中世界最好的语言

풀어 주다： 2018-04-23 14:57:56

원래의

1391명이 탐색했습니다.

이번에는 js 스크립트 파일을 jQuery로 동적으로 로딩하는 구현 방법을 알려드리겠습니다. js 스크립트 파일을 동적으로 로딩하는 jQuery의 주의사항은 무엇인가요?

동적 로딩Javascript은 매우 강력하고 유용한 기술입니다. 이 주제는 인터넷에서 많이 논의되었으며 저는 종종 RequireJS 및 Dojo를 사용하여 일부 개인 프로젝트에서 js를 로드합니다

매우 강력하지만 때로는 이득이 이득보다 더 클 때도 있습니다. 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 });
});

로그인 후 복사

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

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!