jQuery ajax getScript執行個體與詳細教程

來源:互聯網
上載者:User

jquery.getscript( url, [ success(data, textstatus) ] ) returns: xmlhttprequest

jquery.getscript(網址,[成功(資料,textstatus)])
urla字串,其中包含的url的請求被發送。

成功(資料,textstatus)的回呼函數,如果請求成功執行。

這是一個縮寫的ajax功能,這相當於:

$.ajax({
  url: url,
  datatype: 'script',
  success: success
});
回調是通過返回的網頁特效檔案。這通常是沒有用的指令碼將在這一點上已經運行。

該指令碼被執行在全球範圍內,所以它可以參考其他變數和使用jquery函數。包括指令碼應該有一些對當前頁的效果:

$('.result').html('<p>lorem ips教程um dolor sit amet.</p>');the script can then be included and run by referencing the file name:

$.getscript('www.111cn.net/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="http://code.jquery.com/jquery-latest.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>

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.