jQuery ajax - getScript() ·½·¨
ʵÀý
ͨ¹ý 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) |
¿ÉÑ¡¡£¹æ¶¨ÇëÇó³É¹¦ºóÖ´ÐеĻص÷º¯Êý¡£ ¶îÍâµÄ²ÎÊý£º
|
Ïêϸ˵Ã÷
¸Ãº¯ÊýÊǼòдµÄ 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);
});
});