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)

¿ÉÑ¡¡£¹æ¶¨ÇëÇó³É¹¦ºóÖ´ÐеĻص÷º¯Êý¡£

¶îÍâµÄ²ÎÊý£º

  • response - °üº¬À´×ÔÇëÇóµÄ½á¹ûÊý¾Ý
  • status - °üº¬ÇëÇóµÄ״̬£¨"success", "notmodified", "error", "timeout" »ò "parsererror"£©

Ïêϸ˵Ã÷

¸Ãº¯ÊýÊǼòдµÄ 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);
  });
});
VUE