在Ajax中進行XML處理，第1部分: 四種方法

在Ajax 程式中解析和轉換XML

簡介：任何編程問題都可以通過多種正確的方法解決。本系列共考察了四種建立一個 Asynchronous JavaScript + XML (Ajax) 天氣預報面板（weather badge）的方法 ，這是一種小型可重用組件，可以輕鬆嵌入到任何 Web 頁面。本文是第一篇文章，主要介紹一些基礎內容，同時審視第一種方法 —— 遍曆 DOM 樹。

希臘哲學家亞裡士多德曾經寫到：“通往失敗的道路有許多條……，但通往成功的道路僅有一條。” 遺憾的是，亞裡士多德並不是一名電腦 程式員。

雖然亞裡士多德的第一個論斷符合編程的特點 — “通往失敗的道路有許多條” — 他的第二個推測卻沒有一點依據。

本系列文章針對同一問題運用了四種方法。每種方法都被證明是正確的 — 每種方法都有各自的優缺點。它們要解決的問題並不複雜，同樣，解決方案也不複雜。 儘管如此，這些方法涉及了大量 “權衡”，可以包含到非常簡單的解決方案中。

問題：建立一個可重用的 Ajax 天氣預報面板

要定義需要解決的問題，我列出了以下的問題說明：

構建一個 Ajax 庫讀取從國家氣象服務（National Weather Service）獲得的最新觀測資料，然後提取一部分資料並轉換為 HTML 格式，從而建立一個天氣預報面板。

許多 Web 網站喜歡在 Web 頁面上顯示當地的天氣狀況。為此，他們需要訪問最新的氣象資訊。那麼如何獲得這些資料呢？

在美國，National Weather Service (NWS) 提供大量的天氣資訊。其中包括美國數百個城市的當前天氣觀測資料。該資料可使用 RSS 或 XML 格式。

在 Ajax 中，字母 X 代表 XML，所以 NWS 資料似乎非常適合 Ajax 方法。

四種可能的解決方案

本系列文章共考察了四種不同的方法，用於構建一個 Ajax 天氣預報面板 — 一個小的資訊框，包含 NWS 監測的任何城市或城鎮的氣象資訊。其設計目標是

簡單性

易於重用

我將利用這四種方法來展示各個方法內在的 “權衡” 問題。任何一種方法都不存在絕對的對與錯。

本質上講，每種方法的實現截然不同，如 表 1 所描述。