jQuery에서는 jQuery.getScript() 메소드로 외부스크립트(js파일)를 동적으로 로드할 수 있습니다.
하지만, 스크립트를 로드할 때 타임스태프를 파라메터에 추가하여 호출하여 캐시되지 않도록 되어 있습니다.
스크립트의 내용이 변경되는 파일이라면 유용하겠지만, 고정적인 내용을 가지고 있는 파일이라면 쓸데 없는 낭비가 발생합니다.
아쉽게도 jQuery.getScript()에는 캐시설정을 변경할 수 없습니다. 내부적으로 ajax를 통해 호출하고 있으니 이를 통해 동일한 기능을 사용할 수 있고 캐시설정을 변경할 수 있습니다. 코드는 아래와 같습니다.
jQuery.ajax({
type: 'GET',
url : 'http://www.lifepod.co.kr/api/calendar.js',
cache : true,
success : callback,
dataType : 'script'
});
jQuery.ajax()를 통해 스크립트파일을 가져오는데, 'success'항목에 콜백 함수를 지정하여 파일이 로드된 직후에 특정 코드를 실행할 수 있습니다.
이상, jQuery.getScript()에서 캐시를 사용하지 않는 스크립트파일 로드에 관한 작은 팁이었습니다. :)
아직 제작중인 XE용 Planner 모듈의 자바스크립트 처리부분을 jQuery의 플러그인 방식으로 제작하던 도중 플러그인 내부에서 스크립트파일을 호출시 발견된 문제를 해결하기 위한 방법으로 활용하고 있습니다.
jQuery 카테고리의 다른 글
2008.09.21 09:31:37
![[레벨:30]](./modules/point/icons/default/30.gif "활동 포인트 : 82577point , 레벨 : 30/30"){kind=icon}
XE에서는 자바스크립트 프레임웍을 사용하고 있지 않기 때문에 충돌하는 부분은 없습니다.
XE 1.1에서 자바스크립트 프레임웍이 사용될 예정이긴한데, jQuery로 밀고 있습니다만 프로토타입으로 결정되지 않을까 싶기도 합니다.
jQuery와 프로토타입과 충돌하는 부분이 있기는한데 jQuery에서 간단히 충돌을 피해갈 수 있습니다.
http://docs.jquery.com/Using_jQuery_with_Other_Libraries 여기에서 방법이 자세히 나와있구요.
저는 $j에 할당하여 사용하고 있습니다. 이 페이지에도 적용이 되어 있습니다.
자바스크립트 프레임웍에 대한 실행속도, 로드속도에 관해서 비교자료가 여럿 있는데, 그것보다 중요한게 사용하기 쉽고 빠른개발과 유지보수에 큰 비중을 두고 싶습니다. jQuery가 개발속도를 높이는데 큰 도움이 되리라 보는데, 제가 자주 돌아다니는 사이트들 중에는 jQuery를 사용하는 곳이 phpschool.com 밖에 보이질 않네요^^; 프로토타입이 아직은 많이 사용되고 있는 것 같습니다.
XE 1.1에서 자바스크립트 프레임웍이 사용될 예정이긴한데, jQuery로 밀고 있습니다만 프로토타입으로 결정되지 않을까 싶기도 합니다.
jQuery와 프로토타입과 충돌하는 부분이 있기는한데 jQuery에서 간단히 충돌을 피해갈 수 있습니다.
http://docs.jquery.com/Using_jQuery_with_Other_Libraries 여기에서 방법이 자세히 나와있구요.
저는 $j에 할당하여 사용하고 있습니다. 이 페이지에도 적용이 되어 있습니다.
자바스크립트 프레임웍에 대한 실행속도, 로드속도에 관해서 비교자료가 여럿 있는데, 그것보다 중요한게 사용하기 쉽고 빠른개발과 유지보수에 큰 비중을 두고 싶습니다. jQuery가 개발속도를 높이는데 큰 도움이 되리라 보는데, 제가 자주 돌아다니는 사이트들 중에는 jQuery를 사용하는 곳이 phpschool.com 밖에 보이질 않네요^^; 프로토타입이 아직은 많이 사용되고 있는 것 같습니다.
근데 제로보드XE에서 jQuery를 불러와도 충돌이 없나요?;