讓Google幫你託管AJAX庫

Google很早就推出了一些庫的託管服務，瀏覽者可以從Google的伺服器上載入這些庫，節省伺服器的頻寬。而且如果瀏覽者曾訪問過同樣載入了這些庫的網站後，便會被緩衝起來，無需再次訪問。

以下是目前託管的庫：

引用:

jQuery
jQuery UI
Prototype
script_aculo_us
MooTools
Dojo
SWFObjectNew!
Yahoo! User Interface Library (YUI)New!

如果不喜歡看英文的話，可以看簡略的中文介紹。

簡單來說，想載入jQuery 1.2.6版本可以用下面2種方式：

The xhtml code: 普通瀏覽 複製代碼 列印代碼 關於程式

1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>  
2. 或者   
3. <script src="http://www.google.com/jsapi"></script>  
4. <script type="text/javascript">  
5. google.load("jquery", "1.2.6");   
6. </script>  

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>或者<script src="http://www.google.com/jsapi"></script><script type="text/javascript">google.load("jquery", "1.2.6");</script>

Google推薦的是後者，我粗略看了下http://www.google.com/jsapi，這個JavaScript代碼使用了CDN（內容分髮網絡）來向用戶端發送資料，並且是lazy loading，理論上是比前者快。不過貌似第一種使用的人多，所以用戶端很可能已經緩衝過，也無需下載，只是響應速度的差別。
此外，有的還有uncompressed:true參數，可以參考文檔。
如果你需要SSL連結，可以把http改成https，避免出現混合內容警告。

最後特別注意，如果要使用這個庫的代碼，必須在庫載入完畢後。
最簡單的方式是用</script>關閉google.load，要執行的代碼則放在下1段script裡。
此外還可以設定google.setOnLoadCallback(要啟動並執行函數);，這樣在所有load結束後，就會自動調用要啟動並執行函數了。
詳細介紹可以看Google AJAX APIs文檔。