當初會使用此項技術
是決定於可以經由google來讀取feed
並針對search作篩選
在程式碼的整合上比較方便
而且之前Lab作業中此項也是分配給我做的
在於考量熟悉方面上 所以用feed來作美食評論的部份
雖然說專題報告有談到
不過感覺我太緊張 很多東西沒講好 所以在這po一下
簡單說
程式裡靠 google.load();來作讀取feed的動作
var feed = new google.feeds.Feed("feed來源網址");
//我發現sls的feed源有改過 之前我還以為是我哪裡作錯了......
再藉由 if (!result.error)來偵測 是否再讀取過程中出現錯誤
就可以藉由
for (var i = 0; i < result.feed.entries.length; i++)
{
}
逐筆對文章作操作
下面就是一個簡單的排版方式
var entry = result.feed.entries[i];
var div = document.createElement("div");
var title = document.createElement("p");
var link = document.createElement("a");
link.href = entry.link;
link.appendChild(document.createTextNode(entry.title));
link.target = "_blank";
title.appendChild(link);
title.appendChild(document.createTextNode(" | "+entry.categories+" | "+entry.author+" | "+entry.publishedDate));
hr = document.createElement("hr");
hr.width = "100%";
hr.size = "1";
snippet = document.createElement("p");
snippet.appendChild(document.createTextNode(entry.contentSnippet));
div.appendChild(title);
div.appendChild(hr);
div.appendChild(snippet);
container.appendChild(div);
最後在要呈現的頁面使用<div id="feed"></div>即可
不過如果要使用google的技術 需要為網頁申請專屬的key就是了
這是一點要注意的地方