Google Data APIs 筆記-取得並使用GData

根據 Requesting and using JSON feeds . 使用查詢的方式,將取回的回應透過 alt=json-in-script 包裝成 JSON in a script tag,然後使用 callback=functionName 來呼叫 JavaScript 函式.

http://www.google.com/calendar/feeds/developer-calendar@google.com/public/full?alt=json-in-script&callback=myFunction

下面改寫網頁上的例子,從 Feed 中讀取所有 Entry,寫出所有文章標題並帶有連結.

<script>
/* 印出訊息. */
function write(inMsg)
{ document.write(inMsg); }
</script>

<script>
/* 印出所有文章並帶有連結. */
function listEntries(root)
{
  var feed = root.feed;
  var entries = feed.entry || [];

  for (var i = 0; i < entries.length; ++i)
  {
    var entry = entries[i];
    var title = entry.title.$t;
    var link = entry.link[0].href;
    write('<a href="' + link + '" target="_blank">' + title + '</a>');
    write('<br>');
  }
}
</script>

<script src="http://blogger名稱.blogspot.com/feeds/posts/default?alt=json-in-script&callback=listEntries">
</script>

套用至 Blogger 效果如下:

至於如何看出資料結構,我是先參考 GData JavaScript Client 1.1,另外直接在瀏覽器打入 "http://blogger的名稱.blogspot.com/feeds/posts/default?alt=json-in-script" ,看實際格式來輔助我判斷資料結構!

延伸閱讀: 其它在 Google 上的範例.

待看: Blogger Data API>Developer's Guide: JavaScript