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

來源:互聯網
上載者:User

文章簡介: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



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。