jQuery .getScript () Caching을 방지하려면 refactor

jQuery .getScript () 함수의 기능은 각 AJAX 스크립트 호출에 대한 고유 ID (타임 스탬프 등)가 포함된다는 것입니다. . 스크립트를 얻기 위해 설정 타임 아웃을 실행할 때 문제가 발생했지만 같은 스크립트를 다시로드하고있었습니다. 그래서 캐싱을 방지하기 위해 jQuery의 .getScrip ()를 약간 리팩터링하기로 결정 했으므로 스크립트를 한 번만로드합니다.

새로운 getScript 함수 그것이 작동하기 위해 HTTP 요청에서로드 시간을 테스트하고 스크립트가 약 7ms에서 캐시 된 버전을로드하는 것을 볼 수있는 원을 살펴 보았습니다.

원본 .getScript () 함수와 추가 매개 변수로 새 기능을 호출하는 방법을 자세히 살펴 보겠습니다.

새로운 .getScript () 함수를 호출하는 방법 캐시를 원한다면 마지막에 True를 포함 시키십시오.

<span>//getScript refactor to prevent caching
</span><span>(function () {
</span>    $<span>.getScript = function(url<span>, callback, cache</span>)
</span>    <span>{
</span>        $<span>.ajax({
</span>                <span>type: "GET",
</span>                <span>url: url,
</span>                <span>success: callback,
</span>                <span>dataType: "script",
</span>                <span>cache: cache
</span>        <span>});
</span>    <span>};
</span><span>})();</span>

또는 jQuery getScript Refactor에 대한 자주 묻는 질문 (FAQ) 및 캐싱 방지 //normal no cached version $.getScript('js/script.js', function() { //do something after script loaded }); jQuery getScript 란 무엇이며 어떻게 작동합니까?

jQuery getScript는 HTTP Get request를 사용하여 JavaScript 파일을로드하고 실행하는 강력한 AJAX 메소드입니다. $ .ajax ()의 속기 방법입니다. getScript 메소드는 서버에서 스크립트를 가져 와서 실행합니다. 주문시 스크립트를로드하는 편리한 방법으로 웹 페이지의 성능을 향상시키는 데 도움이 될 수 있습니다.

<span>//cache = true
</span>$<span>.getScript('js/script.js', function()
</span><span>{
</span>    <span>//do something after script loaded
</span><span>}, true);</span>

jQuery getScript로 캐싱을 방지하는 방법은 무엇입니까?

<span>// turn on cache
</span>$<span>.ajaxSetup({ cache: true });
</span>$<span>.getScript(url, callback);
</span><span>// turn cache back off
</span>$<span>.ajaxSetup({ cache: false });</span>

기본적으로 브라우저 스크립트를 통해 성능을 향상시킵니다. 그러나 스크립트를 자주 변경할 때 개발 중에 캐싱을 방지하려는 경우가 있습니다. jQuery getScript로 캐싱을 방지하려면 $ .ajaxsetup () 메소드를 사용하여 getScript를 호출하기 전에 캐시를 False로 설정할 수 있습니다.

jQuery getScript를 리팩토링하는 이점은 무엇입니까?

jquery getScript를 리팩토링하면 코드를 깨끗하고 효율적이며 이해하기 쉽게 만들 수 있습니다. 또한 코드의 중복성 또는 비 효율성을 식별하고 제거하는 데 도움이 될 수 있습니다. Refactoring은 코드를보다 모듈화하고 테스트하고 유지하기가 더 쉽게 만들 수 있습니다.

jQuery getScript를 어떻게 리팩터링 할 수 있습니까?

jQuery getScript는 코드를 더 작고 관리 가능한 기능으로 나누는 것과 관련이 있습니다. 이를 통해 코드를 이해하고 유지하기가 더 쉽게 만들 수 있습니다. 또한 $ .Deferred 객체를 사용하여 콜백을 관리 할 수 ​​있습니다. 콜백을 관리 할 수 ​​있습니다. 이는 코드가보다 효율적이고 디버그하기 쉬운 코드를 만들 수 있습니다.

jQuery getScript와 기타 Ajax 메소드의 차이점은 무엇입니까?

jQuery getScript는 Javascript 파일을로드하고 실행하도록 특별히 설계된 으스스한 AJAX 방법입니다. $ .ajax (), $ .get () 및 $ .post ()와 같은 다른 ajax 메소드는 서버에서 데이터를 보내고 검색하는 데 사용할 수 있지만 Getscript처럼 반환 된 스크립트를 자동으로 실행하지는 않습니다.

. 다른 JavaScript 라이브러리에서 jQuery getScript를 사용할 수 있습니까?

예, 다른 JavaScript 라이브러리와 함께 jQuery getScript를 사용할 수 있습니다. 그러나 jQuery와 다른 라이브러리 사이에 충돌이 없도록해야합니다. 충돌을 피하기 위해 jquery.noconflict () 메소드를 사용할 수 있습니다.

jQuery getScript로 오류를 처리하는 방법

.fail () 메소드를 사용하여 jquery getscript로 오류를 처리 할 수 ​​있습니다. 이 방법은 요청이 실패 할 때 호출됩니다. 스크립트가로드되지 않으면 오류 메시지를 표시하거나 다른 작업을 수행 할 수 있습니다.

jQuery getScript를 사용하여 다른 도메인에서 스크립트를로드 할 수 있습니까?

예, jQuery getScript를 사용하여 다른 도메인의 스크립트로드 할 수 있습니다. 그러나 동일한 원인 정책으로 인해 스크립트는 크로스 도메인 요청을 지원하도록 설계되어야합니다.

jQuery getScript의 성능을 향상시키는 방법

여러 스크립트를 결합한 스크립트 수를 최소화하고 컨텐츠 전달 네트워크 (CDN)를 사용하여 SCRIPT에 적용하여 jQuery getScript의 성능을 향상시킬 수 있습니다. 또한 캐시 매개 변수를 사용하여 스크립트가 캐시되었는지 여부를 제어 할 수 있습니다.

루프에서 jQuery getScript를 사용할 수 있습니까?

예, 루프에서 jQuery getScript를 사용할 수 있습니다. 그러나 getScript가 비동기식이기 때문에 스크립트는 예상 한 순서대로로드되지 않을 수 있습니다. 스크립트가 올바른 순서로로드되도록하려면 .done () 메소드를 사용하여 getScript 호출을 체인 할 수 있습니다.

위 내용은 jQuery .getScript () Caching을 방지하려면 refactor의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!