返回值:XMLHttpRequestjQuery.getScript(url, [success(data, textStatus)])
通过 HTTP GET 方式从服务器请求一个 JavaScript 文件,并执行它。
-
1.0 新增jQuery.getScript(url, [success(data, textStatus)])
url (String) 将要请求的 URL 字符串。success(data, textStatus) (Function) 可选参数,当请求成功后会执行的回调函数。
这是一个 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">» 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.");
});