jQuery ajax - getScript() method

jQuery Ajax 参考手册

Halimbawa

Makakuha at pagsasagawa ng isang JavaScript file sa pamamagitan ng AJAX kahilingan:

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

Subukan ang iyong sarili

Definisyon at paggamit

Ang getScript() method ay naglulagay at nagsasagawa ng JavaScript file sa pamamagitan ng HTTP GET kahilingan.

Gramata

jQuery.getScript(url,success(response,status});
Mga parameter Paglalarawan
url Ang URL string na gagamitin sa kahilingan.
success(response,status)

Opisyal. Itinaas ang callback function na gagawin kapag nagtagumpay ang kahilingan.

Karagdagang mga parameter:

  • response - Naglalaman ng resulta ng kahilingan mula sa request
  • status - Naglalaman ng estado ng kahilingan ("success", "notmodified", "error", "timeout" o "parsererror")

Detalyadong paglalarawan

Ang function na ito ay isang maikling Ajax function, katumbas ng:

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

Ang callback function ay magbibigay ng ibinabalik na JavaScript file. Hindi ito palaging kapaki-pakinabang, dahil ang script ay nagsimula na sa oras na iyon.

载入的脚本在全局环境中执行，因此能够引用其他变量，并使用 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 参考手册