返回值:XMLHttpRequestjQuery.getScript(url, [success(data, textStatus)])

通过 HTTP GET 方式从服务器请求一个 JavaScript 文件,并执行它。

这是一个 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 官方颜色插件 ,并且在载入成功后绑定一些色彩动画。

<!DOCTYPE html>
<html>
<head>
<style>.block { 
   background-color: blue; 
   width: 150px; 
   height: 70px;
   margin: 10px; 
}</style>
<script src="jquery.min.js"></script>
</head>
<body>

<button id="go">&raquo; Run</button>

<div class="block"></div>


<script>

$.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);
  });
});

</script>
</body>
</html>
演示:

示例:

载入 test.js JavaScript 文件并执行。

jQuery 代码:
$.getScript("test.js");

示例:

载入 test.js JavaScript 文件并执行。当执行完毕后显示一个警告信息。

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