DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 異步的javascript和XML數據格式:XML SOAP HTML
異步的javascript和XML數據格式:XML SOAP HTML
編輯:關於JavaScript     

當AJAX被創建的時候,他的原意是:Asynchronous JavaScript and XML,異步的javascript和XML,總的說來就是這樣的:

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

AJAX這個名詞被開發者和銷售人員濫用了。今天這個本應該全大寫縮寫的詞已經成為了一個新詞,表示在不刷新頁面的情況下的數據的傳輸。原因有:

  • 沒有必要一定使用異步方法
  • 不一定使用JavaScript
  • 也不需要XML

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

XML

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?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 &amp; 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的支持比較好,所以需要先轉換
1
2
3
4
// 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會有破壞現有頁面的風險
  • 安全可能成問題,相應的數據可能會有惡意代碼

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

  • Ajax和WEB服務的數據格式:JSON和JSONP
  • Ajax和WEB服務的數據格式:自定義返回格式

轉載請注明:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved