Ajax和Web服務數(shù)據(jù)格式:XML SOAP HTML
當AJAX被創(chuàng)建的時候,他的原意是:Asynchronous JavaScript and XML,異步的javascript和XML,總的說來就是這樣的:
◆ 首先創(chuàng)建一個網(wǎng)絡服務,比如可以傳遞HTTP GET/POST參數(shù)的PHP頁面,然后返回一個XML格式的響應
◆ 寫一些客戶端的js代碼。比如傳遞參數(shù)和解析XML。這些調(diào)用是異步的,所以在等待數(shù)據(jù)的過程中瀏覽器不會被卡死。
◆ 處理XML中的數(shù)據(jù),然后更新DOM節(jié)點
AJAX這個名詞被開發(fā)者和銷售人員濫用了。今天這個本應該全大寫縮寫的詞已經(jīng)成為了一個新詞,表示在不刷新頁面的情況下的數(shù)據(jù)的傳輸。原因有:
◆ 沒有必要一定使用異步方法
◆ 不一定使用JavaScript
◆ 也不需要XML
最終,不論使用什么技術,你都要在兩個設備之間傳輸數(shù)據(jù)。這是RockUX連載數(shù)據(jù)格式的第一部分,我們后面還會講到更多的數(shù)據(jù)和特性。
XML
在一開始,XML是最佳選擇。很多語言都有支持XML格式解析和序列化的函數(shù)。就算你使用的語言不支持XML,他其實也就是一段文本。
- <?xml version="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>
- <price currency="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>
- <price currency="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>
- <price currency="USD">39.95</price>
- </book>
- </products>
XML的好處有:
◆ XML是可讀的而且容易理解。
◆ 很多語言都對XML有很好的支持,關鍵是JavaScript。
◆ XML比較安全。數(shù)據(jù)必須被提取和解析,所以惡意數(shù)據(jù)得到有效的遏制
但是,XML也有他的缺點:
◆ 永遠不會有行業(yè)統(tǒng)一認可的XML的格式。你需要適配RSS等等,客戶端的JavaScript必須理解才行
◆ XML格式的數(shù)據(jù)可能標簽比數(shù)據(jù)的量還大,異步交互情況下,數(shù)據(jù)越小越好。
◆ XML有一些模棱兩可的地方,一個數(shù)據(jù)應該是一個新元素呢還是元數(shù)據(jù)的屬性呢?作為屬性可能文件小一點,但是適配這個卻不方便。
◆ JavaScritp中解析XML很費勁,XPath的支持比較好,所以需要先轉換
- // grab value in first <data> element
- var xml = xhr.responseXML;
- var nodes = xml.getElementsByTagName("data");
- var data = (nodes.length > 0 ? nodes[0].firstChild.nodeValue : null);
很多開發(fā)人員認為XML已經(jīng)死了,但是我不太同意,可能現(xiàn)在XML不是Ajax的最佳選擇,但是你也不能知道所有的web服務怎么部署的。而且XML的普及是一個偉大的事情,不要忽略它。
SOAP
SOAP是數(shù)據(jù)交換的一個標準格式。詳細的技術細節(jié)文檔有好幾百頁,總的來說,SOAP依賴于定義好的XML schemas。
很少有開發(fā)者世界使用SOAP(看見就夠了)。SOAP的魅力在于客戶端的庫可以自動將XML轉換成原生的對象。比如.NET的開發(fā)人員可以創(chuàng)建一個基于SOAP的網(wǎng)絡服務,客戶端不需要做太多的事情。作為開發(fā)人員,大多使用C#,他們不用在乎遠程的機器使用什么東西。
但是SOAP的缺點:
◆ SOAP甚至超越了XML的冗長
◆ 在JavaScript中處理SOAP依然很困難。雖然SOAP的庫可以協(xié)助處理,但是對于開發(fā)人員和瀏覽器來說還是有很大壓力的
SOAP仍然是服務端之間通信的選擇,尤其是在同一個局域網(wǎng)的情況下。但是在Ajax中用的不多。
HTML
如果你想通過Ajax請求在頁面中插入代碼,HTML是一個簡單的格式,不用做太多的處理。例如,假設你在每一個頁面都需要顯示一個購物車。你在服務器端已經(jīng)有了這樣的HTML代碼,那么在選購了意見商品之后就可以返回同樣的HTML代碼。
它的好處包括:
◆ 很方便使用現(xiàn)有代碼,創(chuàng)建網(wǎng)絡服務
◆ 不需要在客戶端進行復雜的數(shù)據(jù)處理
HTML代碼可以通過innerHTML快速插入到頁面中
但是也有缺點:
◆ 很難分離出來真正有價值的數(shù)據(jù)。比如你想在其他地方以不同的方式顯示購物車,這時候就不能用了
◆ 傳輸?shù)臄?shù)據(jù)量也比較大,比XML還大
◆ 插入HTML會有破壞現(xiàn)有頁面的風險
◆ 安全可能成問題,相應的數(shù)據(jù)可能會有惡意代碼
在RockUX后面的文章中我們會講到:
◆ Ajax和WEB服務的數(shù)據(jù)格式:JSON和JSONP
◆ Ajax和WEB服務的數(shù)據(jù)格式:自定義相應
原文鏈接:http://rockux.com/archives/ajax%E5%92%8Cweb%E6%9C%8D%E5%8A%A1%E6%95%B0%E6%8D%AE%E6%A0%BC%E5%BC%8F%E4%B9%8Bxml-soap-html
【編輯推薦】