jQuery.getScript()
jQuery.getScript( url, [ success(data, textStatus) ] ) 返回: XMLHttpRequest
描述: 通過(guò) HTTP GET 請(qǐng)求從服務(wù)器載入并執(zhí)行一個(gè) JavaScript 文件
-
version added: 1.0jQuery.getScript( url, [ success(data, textStatus) ] )
url一個(gè)包含發(fā)送請(qǐng)求的URL字符串。
success(data, textStatus)當(dāng)請(qǐng)求成功后執(zhí)行的回調(diào)函數(shù)。
這是一個(gè)快速的AJax處理函數(shù)，相當(dāng)于:
$.ajax({
url: url,
dataType: 'script',
success: success
});
通過(guò)返回JavaScript的文件回調(diào)。通常不會(huì)有用作為該腳本已經(jīng)執(zhí)行到了這一點(diǎn)。
這個(gè)腳本在全局環(huán)境中已經(jīng)執(zhí)行，所以指向其他變量和使用jQuery函數(shù)。包含的腳本必須有一些效果在當(dāng)前的頁(yè)面上：
$('.result').html('<p>Lorem ipsum dolor sit amet.</p>');
通過(guò)引用這個(gè)文件名，腳本被包含進(jìn)來(lái)并執(zhí)行：
$.getScript('ajax/test.js', function() {
alert('Load was performed.');
});
Examples:
Example: 我們動(dòng)態(tài)加載新的官方j(luò)Query 顏色動(dòng)畫插件，一旦該插件加載完成就會(huì)觸發(fā)一些顏色動(dòng)畫。
<!DOCTYPE html>
<html>
<head>
<style>.block {
background-color: blue;
width: 150px;
height: 70px;
margin: 10px;
}</style>
<script src="http://code.jquery.com/jquery-1.5.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>Demo:
Example: 加載并執(zhí)行test.js文件。
$.getScript("test.js");Example: 加載并執(zhí)行test.js文件,當(dāng)執(zhí)行完成就顯示一個(gè)警告。
$.getScript("test.js", function(){
alert("Script loaded and executed.");
});