jQuery_jquery를 사용하여 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", "값", { 만료: 7 });
});

2. 캐싱 문제

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

코드 복사 코드는 다음과 같습니다.

jQuery.ajaxSetup({
캐시 : 사실
});

코드 복사 코드는 다음과 같습니다.

jQuery.ajax({
url : "jquery .cookie.js",
dataType: "script",
캐시: true
}).done(function() {
jQuery.cookie("cookie_name", "value" , { 만료: 7 });
});

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