使用 JSON 來讀取你的 Google Data

所以說根本就可以把 Google 當床,然後我以四海為家。

剛才讀到這篇文章,現在你可以把 Google Base、Blogger 及 Google Calendar 的 feed 轉成 JSON 格式,然後在你的 page 上利用 JavaScript 來處理 data。

而使用方法也很簡單,我拿 Google Calendar 上的「台灣假日」(或 Taiwan Holidays)為例,這份日曆的 feed 是:


http://www.google.com/calendar/feeds/
taiwan__zh_tw%40holiday.calendar.google.com/
public/basic

當然這回傳的會是一份 XML 檔案,所以我們要在這個 URL 的後面加上 alt=json-in-script&callback=handleJson 這樣的參數,其中 callback 指的是會用哪個 JavaScript function 來處理回傳的 JSON data,此例中名為 handleJson。所以我們會在網頁上加入像這樣的 code:

[code lang="javascript"]


[/code]

如此一來你在 handleJson function 中所拿到的 json 變數就是一個 JSON object,至於這個 object 裡面的 field 該怎麼 access,你可以參考說明文件。舉個例子,如果你要取得這個 feed 中的 title 欄位,從說明文件中得知它是在 feed.title.$t,所以你在 handleJson function 裡就該用 json.feed.$t 來 access title 欄位的值,比方說:

[code lang="javascript"]
function handleJson(json) {
alert('Title: ' + json.feed.title.$t);
}
[/code]
就會跳出一個視窗顯示 「Title: 台灣假日」。

JavaScript 的應用真是愈來愈強大囉!