jQuery+deferred는 JS 파일의 비동기 순차 로딩을 구현합니다.

이번에는 JS 파일의 비동기 순차 로딩을 구현하기 위해 jQuery+deferred를 소개하겠습니다. JS 파일의 비동기 순차 로딩을 구현하기 위해 jQuery+deferred가 구현하는 주의 사항은 다음과 같습니다. .

얼마 전, 저는 Ruan Yifeng의 jQuery의 deferred 객체에 대한 자세한 설명이라는 기사를 읽었는데, 이를 통해 jQuery에서 deferred의 사용법을 어느 정도 이해하게 되었습니다. 오늘 저는 정원에서 JS 프론트 재구성의 실패한 경험에 대한 기사를 보았습니다. 프레임워크를 종료했기 때문에 이전에 JS 파일을 비동기적으로 로드하기 위해 연기된 jQuery를 사용하여 작성한 솔루션을 공유했습니다. 수정을 환영합니다.

아직 jQuery의 지연을 이해하지 못했다면 Ruan Yifeng의 기사 jQuery의 지연 객체에 대한 자세한 설명을 읽어 보시기 바랍니다.
JS 파일을 로드하는 코드는 다음과 같습니다.

/* 
Loading 
JavaScript
 Asynchronously 
loadScript.load(["a.js", "b.js"]); 
*/ 
var loadScript = (function() { 
var loadOne = function (url) { 
var dtd = $.Deferred(); 
var node = 
document
.createElement('script'); 
node.type = "text/javascript"; 
var onload = function(){ 
dtd.resolve(); 
}; 
$(node).load(onload).bind('readystatechange', function(){ 
if (node.readyState == 'loaded'){ 
onload(); 
} 
}); 
document.
getElementsByTagName
('head')[0].appendChild(node); 
node.src = url; 
return dtd.promise(); 
}; 
var load = function(urls) { 
if(!$.isArray(urls)) { 
return load([urls]); 
} 
var ret = []; 
for (var i = 0; i < urls.length; i++) { 
ret[i] = loadOne(urls[i]); 
}; 
return $.when.apply($, ret); 
} 
return { 
load: load 
}; 
})();

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

추천 도서:

jquery+xml의 3단계 연결 단계에 대한 자세한 설명

jquery 플러그인 ajaxupload를 사용하여 파일 업로드

위 내용은 jQuery+deferred는 JS 파일의 비동기 순차 로딩을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!