Ajax和WEB服務數據格式:XML SOAP HTML
當AJAX被創建的時候,他的原意是:Asynchronous JavaScript and XML,異步的javascript和XML,總的說來就是這樣的:
- 首先創建一個網絡服務,比如可以傳遞HTTP GET/POST參數的PHP頁面,然后返回一個XML格式的響應
- 寫一些客戶端的js代碼。比如傳遞參數和解析XML。這些調用是異步的,所以在等待數據的過程中瀏覽器不會被卡死。
- 處理XML中的數據,然后更新DOM節點
AJAX這個名詞被開發者和銷售人員濫用了。今天這個本應該全大寫縮寫的詞已經成為了一個新詞,表示在不刷新頁面的情況下的數據的傳輸。原因有:
- 沒有必要一定使用異步方法
- 不一定使用JavaScript
- 也不需要XML
最終,不論使用什么技術,你都要在兩個設備之間傳輸數據。這是數據格式的第一部分,我們后面還會講到更多的數據和特性。
XML
在一開始,XML是最佳選擇。很多語言都有支持XML格式解析和序列化的函數。就算你使用的語言不支持XML,他其實也就是一段文本。
<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比較安全。數據必須被提取和解析,所以惡意數據得到有效的遏制
但是,XML也有他的缺點:
- 永遠不會有行業統一認可的XML的格式。你需要適配RSS等等,客戶端的JavaScript必須理解才行
- XML格式的數據可能標簽比數據的量還大,異步交互情況下,數據越小越好。
- XML有一些模棱兩可的地方,一個數據應該是一個新元素呢還是元數據的屬性呢?作為屬性可能文件小一點,但是適配這個卻不方便。
- 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);
很多開發人員認為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會有破壞現有頁面的風險
- 安全可能成問題,相應的數據可能會有惡意代碼
留言列表