Tip #10 使用Google AJAX 库 API

什么是 AJAX 库 API？

google的解释：

 

AJAX 库 API 是一种内容分布网络，可加载最受欢迎的开源 JavaScript 库的架构。通过使用 Google AJAX API 加载程序的 google.load() 方法，您的应用程序能够迅速从全球任何位置访问不断增长的、最受欢迎的 JavaScript 开源库列表，包括：

• jQuery
• jQuery UI
• Prototype
• script.aculo.us
• MooTools
• Dojo

 

用法：

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
  //  第二个参数是ajax库的版本号
  //  如果您指定部分版本号，也可以

  //  如，1, 1.2目前（2009-1-16)都能加载到1.2.6

  google.load("jquery", "1.2.6");
 
  google.setOnLoadCallback(function() {
    // ajax库加载完成，类似于$(document).ready()

    // 您的代码……
  });
</script>

 

或者：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
         // 跟原来一样
  });
</script>

 

这样做的好处是速度更快了，如果您有多个网站都用到了同一个ajax库，那么这个库第一次加载时会留在缓存里，之后不论哪个网站用这个ajax库都不用再向服务器请求了；

而且ajax库是存放在google的CDN上的，这要比一般的网站请求－响应的速度更快。

 

更多google ajax库的介绍请看这里。