用Ajax和RSS製作一個首頁新聞

ajax|rss

給自己維護的一個小網站加個首頁新聞，瀏覽器用 Ajax 或者 Ajah 從伺服器取新聞非同步顯示出來，同時提供 RSS 源供彙總器訂閱。

XMLHTTPRequest 從上次做過一個手機模擬器後就再沒碰過，這次在網上搜尋發現了一個好東西：http://www.scss.com.au/family/andrew/webdesign/xmlhttprequest/，一個 Cross-Browser 的 XMLHttpRequest 實現，作者在創作共用條款（Creative Commons License）下發布這個庫，只要你不移除指令碼中作者的姓名和網址就可以自由使用，就用它了！下載 xmlhttprequest.js 以備後用。

資料可以儲存在資料庫中也可以簡單的寫入到伺服器的一個檔案中，為了靈活起見我就在 MySQL 中建立一個表放站內新聞了，就這麼幾個欄位：id、title、content、time。新聞錄入和從資料庫中取資料提供給 Ajax/Ajah 請求略。

下面是用戶端 XMLHTTPRequest 的代碼：

新聞讀取中……

這裡唯一值得說明的就是 XMLHTTPRequest 預設是用 UTF-8 傳遞資料的，所以你的資料來源最好也用 UTF-8 否則（因為我們這裡用戶端已經指定了要用 GB2312 了）得到的會是亂碼，這在 IE 下會引發 JavaScript 錯誤，在 FireFox 下卻沒問題，所以我用 try 和 catch 把上面的程式碼封裝住了，免得測試的時候出現錯誤。如果想試試的話可以用下面的代碼作為 news.php：

echo iconv( "GB2312", "UTF-8", "這就是新聞" );

//echo "這就是新聞";

?>

如果注釋掉第一句而開放第二句的話不僅看到的是亂碼，在 IE 下還會出現 -1072896748 錯誤。有意思的是 IE 好像還會緩衝由 XMLHTTPRequest 收到的內容，而 FireFox 則不會，所以在測試中會出現重新整理 IE 很多次看到的還是舊資料的問題，可以在程式裡加上下面 4 句話解決這個問題：

header( "Expires: Mon, 26 Jul 1997 05:00:00 GMT" );

header( "Last-Modified: " . gmdate( "D, d M Y H:i:s" ) . " GMT" );

header( "Cache-Control: no-cache, must-revalidate" );

header( "Pragma: no-cache" );

要將首頁新聞提供給彙總器訂閱就要將後台輸入的新聞產生 RSS feed，RSS 2.0 的規範可以參考 http://feedvalidator.org/docs/rss2.html，相應的中文翻譯版本可以在 http://www.cpcwedu.com/Document/WEBOfficial/095447158.htm 找到。

RSS 格式其實也是 XML 眾多方言中的一種，所以也要以 開頭，根節點的名稱必須是 rss，符合 RSS 2.0 規範的 RSS 中這個 rss 節點要有一個 version="2.0" 的屬性。rss 節點有一個名為 channel 的子節點，channel 就是一個頻道。channel 有 3 個必要的子節點，分別為 title、link 和 description。以 Blog 為例，title 就是 Blog 的名字，link 是 Blog 的 URL 地址，而 description 是 Blog 的描述。

channel 可以包含若干個 item 子節點，在 Blog 中每一個 item 就對應一篇 post，我們這裡每一個 item 就是一篇新聞。item 的所有子節點均為可選，但至少要包含 title 和 description，由於新聞要有時間，所以我們再給它加上一個 pubDate 節點，下面就是一個符合 RSS 2.0 規範的 RSS 檔案內容：

http://www.mysite.com

Just for testing





Hi, I'm 2ndboy. Welcome to my site!
Sat, 07 Sep 2005 0:00:01 GMT







It's great for using.
Sat, 21 Sep 2005 1:23:45 GMT

從資料庫中讀取最新的新聞內容產生 RSS 的代碼這裡就不貼了，無非是一些字串的拼接，當然了，你也可以用 PHP 的 XML DOM 介面來產生這個 RSS 內容。這樣一來在網站上提供 RSS 訂閱就搞定了。

在做完 RSS 部分後我突然有了一個想法，為了給使用 Ajax 取資料的瀏覽器提供資訊，伺服器要針對 Ajax 的請求單獨作些響應處理，那何不就讓瀏覽器把我們前面已經產生了的 RSS 當作資料來源來顯示首頁新聞呢？這似乎是個不錯的想法，但 RSS 是個 XML 格式的檔案，很顯然，想達到這樣的目的就要讓用戶端用 JavaScript 來解析 XML 檔案並加以顯示。

[1] [2] 下一頁