非同步javascript和XML資料格式:XML SOAP HTML

文章簡介：Ajax和WEB服務資料格式：XML SOAP HTML.

當AJAX被建立的時候，他的原意是：Asynchronous JavaScript and XML，非同步javascript和XML，總的說來就是這樣的：

• 首先建立一個網路服務，比如可以傳遞HTTP GET/POST參數的PHP頁面，然後返回一個XML格式的響應
• 寫一些用戶端的js代碼。比如傳遞參數和解析XML。這些調用是非同步，所以在等待資料的過程中瀏覽器不會被卡死。
• 處理XML中的資料，然後更新DOM節點

AJAX這個名詞被開發人員和銷售人員濫用了。今天這個本應該全大寫縮寫的詞已經成為了一個新詞，表示在不重新整理頁面的情況下的資料的傳輸。原因有：

• 沒有必要一定使用非同步方法呼叫
• 不一定使用JavaScript
• 也不需要XML

最終，不論使用什麼技術，你都要在兩個裝置之間傳輸資料。這是RockUX連載資料格式的第一部分，我們後面還會講到更多的資料和特性。

XML

在一開始，XML是最佳選擇。很多語言都有支援XML格式解析和序列化的函數。就算你使用的語言不支援XML，他其實也就是一段文本。

123456789101112131415161718192021222324

<?xmlversion="1.0"?><products><book><title>The Principles of Beautiful Web Design, 2nd Edition</title><url>http://www.sitepoint.com/books/design2/</url><author>Jason Beaird</author><publisher>SitePoint</publisher><pricecurrency="USD">39.95</price></book><book><title>jQuery: Novice to Ninja</title><url>http://www.sitepoint.com/books/jquery1/</url><author>Earle Castledine & Craig Sharkie</author><publisher>SitePoint</publisher><pricecurrency="USD">29.95</price></book><book><title>Build Your Own Database Driven Website</title><url>http://www.sitepoint.com/books/phpmysql4/</url><author>Kevin Yank</author><publisher>SitePoint</publisher><pricecurrency="USD">39.95</price></book></products>

XML的好處有：

• XML是可讀的而且容易理解。
• 很多語言都對XML有很好的支援，關鍵是JavaScript。
• XML比較安全。資料必須被提取和解析，所以惡意資料得到有效遏制

但是，XML也有他的缺點：

• 永遠不會有行業統一認可的XML的格式。你需要適配RSS等等，用戶端的JavaScript必須理解才行
• XML格式的資料可能標籤比資料的量還大，非同步互動情況下，資料越小越好。
• XML有一些模稜兩可的地方，一個資料應該是一個新元素呢還是中繼資料的屬性呢？作為屬性可能檔案小一點，但是適配這個卻不方便。
• JavaScritp中解析XML很費勁，XPath的支援比較好，所以需要先轉換

1234	// grab value in first <data> elementvar xml = xhr.responseXML;var nodes = xml.getElementsByTagName("data");var data =(nodes.length>0? nodes[0].firstChild.nodeValue:null);

很多開發人員認為XML已經死了，但是我不太同意，可能現在XML不是Ajax的最佳選擇，但是你也不能知道所有的web服務怎麼部署的。而且XML的普及是一個偉大的事情，不要忽略它。

SOAP

SOAP是資料交換的一個標準格式。詳細的技術細節文檔有好幾百頁，總的來說，SOAP依賴於定義好的XML schemas。
很少有開發人員世界使用SOAP（看見就夠了）。SOAP的魅力在於用戶端的庫可以自動將XML轉換成原生的對象。比如.NET的開發人員可以建立一個基於SOAP的網路服務，用戶端不需要做太多的事情。作為開發人員，大多使用C#，他們不用在乎遠端機器使用什麼東西。
但是SOAP的缺點：

• SOAP甚至超越了XML的冗長
• 在JavaScript中處理SOAP依然很困難。雖然SOAP的庫可以協助處理，但是對於開發人員和瀏覽器來說還是有很大壓力的

SOAP仍然是服務端之間通訊的選擇，尤其是在同一個區域網路的情況下。但是在Ajax中用的不多。

HTML

如果你想通過Ajax請求在頁面中插入代碼，HTML是一個簡單的格式，不用做太多的處理。例如，假設你在每一個頁面都需要顯示一個購物車。你在伺服器端已經有了這樣的HTML代碼，那麼在選購了意見商品之後就可以返回同樣的HTML代碼。
它的好處包括：

• 很方便使用現有代碼，建立網路服務
• 不需要在用戶端進行複雜的資料處理
• HTML代碼可以通過innerHTML快速插入到頁面中

但是也有缺點：

• 很難分離出來真正有價值的資料。比如你想在其他地方以不同的方式顯示購物車，這時候就不能用了
• 傳輸的資料量也比較大，比XML還大
• 插入HTML會有破壞現有頁面的風險
• 安全可能成問題，相應的資料可能會有惡意代碼

在RockUX後面的文章中我們會講到：

• Ajax和WEB服務的資料格式：JSON和JSONP
• Ajax和WEB服務的資料格式：自訂返回格式

轉載請註明：
作者：RockUX–WEB前端
出自：Ajax和WEB服務資料格式：XML SOAP HTML