$ .getScript Mutiple Scripts

이 향상된

메소드는 여러 JavaScript 파일을 효율적으로로드하고 모든 스크립트가 성공적으로로드 된 후에 만 ​​콜백 함수를 실행합니다. 이것은 여러 스크립트를 순차적으로로드 할 때 종종 중첩 된 콜백 ( "콜백 지옥")의 복잡성을 피합니다. $.getScript

원래의 단일 스크립트

함수는 다음과 같습니다. 개선 된 버전은 스크립트 URL 배열을 처리합니다

하나의 스크립트가 콜백이 필요할 때 유용한 대체 접근 방식이 여기에 시연됩니다.

$.getScript 자주 묻는 질문 (faqs) :

이 섹션에서는

$.getScript('script1.js', function(data, textStatus) {
    // Code to execute after script1.js loads
});

및 여러 스크립트로드에 대한 일반적인 질문을 다룹니다. 원래 FAQ 섹션은 명확성과 간결함을 위해 재구성되고 다시 작성되었습니다.

?

/* Enhanced $.getScript to handle multiple scripts */
var getScript = jQuery.getScript;
jQuery.getScript = function(resources, callback) {
    let length = resources.length,
        handler = function() { counter++; },
        deferreds = [],
        counter = 0,
        idx = 0;

    for (; idx  <p> 란 무엇입니까 jQuery 함수는 http get 요청을 통해 JavaScript 파일을 비동기로로드하고 실행하는 jQuery 함수입니다. </p>. <pre class="brush:php;toolbar:false">$.get("js/ext/flowplayer-3.2.8.min.js")
  .pipe($.get("js/eviflowplayer.js"))
  .pipe($.get("js/evi.flowplayer.js", {}, function() {
      W.EVI.FLOWPLAYER.init(elem.attr('id'));
  }));

의 단순화 된 버전입니다

여러 스크립트를로드하는 방법? 위의 향상된 코드는 강력한 솔루션을 제공합니다. 체인 (대체 예에서와 같이)는 단일 스크립트에 대한 특정 콜백 요구 사항이있는 상황에 적합합니다.

? $.getScript의 이점은 주문형 스크립트를로드하고 코드 조직을 향상 시키며 코드 재사용 성을 촉진하여 페이지로드 성능을 향상시킵니다.

제공된 코드에 명시 적으로 표시되지 않지만

• $.getScript . $.getScript 크로스-오리핀 리소스 공유 (CORS)? $.ajax()

  는 CORS를 지원하지만 성공은 서버의 CORS 구성에 따라 다릅니다.

• 동기 로딩? 는 본질적으로 비동기식입니다. 동기 로딩의 경우 $.get를 사용하지만 잠재적 성능의 영향을 알고 있어야합니다.

javaScript가 아닌 파일로드?
• 는 특별히 JavaScript 파일에 대한 것입니다

  의존성이있는 스크립트? $.getScript 실행 순서는 비동기로드로 보장되지 않습니다. 제공된 솔루션은 콜백이 실행되기 전에 모든 스크립트로드를 보장하여 종속성 문제를 해결합니다.

  루프에 스크립트를로드 하는가?
가능하면 비동기 특성은 신중한 실행 순서를 고려해야합니다. 향상된
• 는 이것을 효율적으로 처리합니다

위 내용은 $ .getScript Mutiple Scripts의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!