jQuery 與 Google Gadgets 整合測試

日前寫 MOTUDO 網誌: 八日小工具 Motudo Gadget Day8 的時候，利用的是 Google Gadgets Editor (GGE) 這個編輯器，這工具可以線上編輯觀察，實在很方便，不需要自己做好 Gadget XML 上傳到網頁空間。

雖然 Google Gadgets 有提供自己的 ajax 功能，不過這裡想要測試一下 jQuery 放在 Google Gadgets XML 裡面的效果。jQuery 一樣使用線上 AJAX Libraries API 提供的，所以不需要自己準備網頁空間。

首先要引入 jQuery ，需要先加入下面連結到 script 的 src 屬性裡面

http://www.google.com/jsapi

然後用 AJAX Libraries API 將 jQuery 載入使用。

google.load("jquery", "1");

使用的範例就是 AJAX Libraries API 裡面的範例，只是查詢改為 motudo 而已，另外載入後執行的 google.setOnLoadCallback 也需要換成 Google Gadgets 的 _IG_RegisterOnloadHandler 才會執行載入後的動作。

測試的結果可以參考 dev-jquery-ajax-200812.xml 或是下面網頁所展示。



延伸

1. jQuery: The Write Less, Do More, JavaScript Library
2. Google Gadgets
3. Getting Started: Legacy Gadgets API - Gadgets - Google Code
4. AJAX Libraries API
5. MOTUDO 網誌: 八日小工具 Motudo Gadget Day8
6. 摩圖獨專案 - Motudo Project