国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

使用jQuery異步加載 JavaScript腳本解決方案

2019-11-20 20:48:26
字體:
來源:轉載
供稿:網友
JavaScript 加載器在 Web 開發中是非常強大和有用的工具。目前流行的幾個加載器,像 curljs、LABjs 和 RequireJS 使用都很廣泛。他們功能強大的,但有些情況下可以有更簡單的方案。

如果你正在使用 jQuery,有一個內置的方法可以用來加載腳本。如果你想延遲加載插件或任何其他類型的腳本,都可以使用這種方法。下面給大家介紹如何使用它。

實現方法

jQuery 內置有 getScript 方法來加載一個腳本,處理返回的結果可以有幾種方法來實現。最基本的用法 jQuery.getScript 看起來像這樣:
復制代碼 代碼如下:

jQuery.getScript("/path/to/myscript.js", function(data, status, jqxhr) {

/*
  在腳本已載入并執行后,就可以做一些處理了
*/

});

getScript 方法返回一個 jqXHR 對象,因此可以這樣使用:
復制代碼 代碼如下:

jQuery.getScript("/path/to/myscript.js")
.done(function() {
/* 執行成功后的處理 */
})
.fail(function() {
/* 執行失敗后的處理 */
});

使用 jQuery.getScript 的最常見場景是延遲加載一個插件,并在加載后調用它:
復制代碼 代碼如下:

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

如果你需要做更高級的事情,如加載多個腳本和不同類型的文件(文本文件,圖像,CSS 文件等),我建議你切換到一個功能更強大的 JavaScript 加載器。如果只想延遲加載插件,而不是簡單地在每個頁面加載的情況下,getScript 是完美的!

緩存問題

需要注意的是,當使用 jQuery.getScript 的時候,在腳本 URL 后面會自動被添加上時間戳,讓腳本不緩存。因此你需要設置讓所有的請求都緩存腳本:
復制代碼 代碼如下:

jQuery.ajaxSetup({
cache: true
});

如果您不希望覆蓋所有的緩存與你的 AJAX 請求,最好使用 jQuery.ajax 方法并把 dataType 設置為 script,例如這樣:
復制代碼 代碼如下:

jQuery.ajax({
url: "jquery.cookie.js",
dataType: "script",
cache: true
}).done(function() {
jQuery.cookie("cookie_name", "value", { expires: 7 });
});

在加載腳本的時候需要特別注意緩存問題!
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 镇康县| 彭阳县| 中宁县| 治多县| 吕梁市| 萝北县| 巫溪县| 泗洪县| 萝北县| 集贤县| 永修县| 宾阳县| 玛曲县| 古田县| 治县。| 汉川市| 河源市| 余江县| 汾西县| 屏东县| 罗平县| 天祝| 南安市| 阿拉善左旗| 盘锦市| 齐河县| 赤壁市| 黄大仙区| 竹山县| 东至县| 寻乌县| 台安县| 黑水县| 麻城市| 托克托县| 临颍县| 英吉沙县| 平遥县| 大埔区| 临清市| 从化市|