jQuery ajax - getScript() 方法

標籤：綁定   asp   parser   safari   cti   jquery   run   回呼函數   cli   

 

jQuery Ajax 參考手冊

執行個體

通過 AJAX 請求來獲得並運行一個 JavaScript 檔案：

$("button").click(function(){  $.getScript("demo_ajax_script.js");});

親自試一試

定義和用法

getScript() 方法通過 HTTP GET 請求載入並執行 JavaScript 檔案。

文法

jQuery.getScript(url,success(response,status))

參數	描述
url	將要請求的 URL 字串。
success(response,status)	可選。規定請求成功後執行的回呼函數。 額外的參數： response - 包含來自請求的結果資料 status - 包含請求的狀態（"success", "notmodified", "error", "timeout" 或 "parsererror"）

詳細說明

該函數是簡寫的 Ajax 函數，等價於：

$.ajax({  url: url,  dataType: "script",  success: success});

這裡的回呼函數會傳入返回的 JavaScript 檔案。這通常不怎麼有用，因為那時指令碼已經運行了。

載入的指令碼在全域環境中執行，因此能夠引用其他變數，並使用 jQuery 函數。

比如載入一個 test.js 檔案，裡邊包含下面這段代碼：

$(".result").html("<p>Lorem ipsum dolor sit amet.</p>");

通過引用該檔案名稱，就可以載入並運行這段指令碼：

$.getScript("ajax/test.js", function() {  alert("Load was performed.");});

注釋：jQuery 1.2 版本之前，getScript 只能調用同域 JS 檔案。 1.2中，您可以跨域調用 JavaScript 檔案。注意：Safari 2 或更早的版本不能在全域範圍中同步執行指令碼。如果通過 getScript 加入指令碼，請加入延時函數。

更多執行個體例子 1

載入並執行 test.js：

$.getScript("test.js");

例子 2

載入並執行 test.js ，成功後顯示資訊：

$.getScript("test.js", function(){  alert("Script loaded and executed.");});

例子 3

載入 jQuery 官方顏色動畫外掛程式 成功後綁定顏色變化動畫：

HTML 程式碼：

<button id="go">Run</button><div class="block"></div>

jQuery 代碼：

jQuery.getScript("http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js", function(){  $("#go").click(function(){    $(".block").animate( { backgroundColor: ‘pink‘ }, 1000)      .animate( { backgroundColor: ‘blue‘ }, 1000);  });});

jQuery ajax - getScript() 方法