使用jQuery載入script指令碼

標籤：

原文連結: Loading Scripts with jQuery

JavaScript loaders載入器簡單強大而又非常有用。我在部落格上介紹過其中一些,例如 curljs  和 LABjs ,也在個人項目中使用 RequireJS 和 Dojo 載入程式。他們是如此的強大,但在某些情況下可能是殺雞用牛刀了。如果你正在使用jQuery,就會發現jQuery內建了載入單個指令碼的方法,如果你想 消極式載入外掛程式或其他類型的指令碼,可能該方法會派上用場。下面介紹如何使用它!

The jQuery JavaScript
jQuery提供了 getScript 方法來載入指令碼;可以通過多種方式進行結果處理。jQuery.getScript基本用法如下:

    jQuery.getScript("/path/to/myscript.js", function(data, status, jqxhr) {          /* 當script載入並執行完成之後,可以在此處執行一些特殊處理. */      });  

 getScript方法的回呼函數提供了一個jqxhr參數.當然,也可以像下面這樣處理:

    jQuery.getScript("/path/to/myscript.js")          .done(function() {              /* 載入成功 */          })          .fail(function() {              /* 載入失敗,進行 fall back 處理 */      });  

 jQuery.getScript 最常見的使用情境,是消極式載入某個外掛程式,並在載入完成後使用它:

    jQuery.getScript("jquery.cookie.js")          .done(function() {              jQuery.cookie("cookie_name", "value", { expires: 7 });      });  

 假如需要更進階的載入功能,比如同時載入多個指令碼,或者載入不同類型的檔案(文本、圖片、css等等),那你應該換一個 JavaScript loader.
有時候我們想要在某種特定條件滿足之後，再消極式載入一個外掛程式,那麼 $.getScript 是非常好的解決方案。

 

原文連結：http://blog.csdn.net/renfufei/article/details/18039237

 

使用jQuery載入script指令碼