本文實例講述了JavaScript實現的XML與JSON互轉功能。分享給大家供大家參考，具體如下：

這里來分享一個關于JavaScript實現XML與JSON互轉例子，這里面介紹了國外的三款xml轉json的例子，希望這些例子能給你帶來幫助。

最近在開發在線XML編輯器，打算使用JSON做為中間格式。因為JSON相對于XML，有著容易閱讀、解析速度快、占用空間小等優點，更易于在WEB上傳遞數據。但在實際使用中還是發現了一些易于忽略的細節，對于需要嚴格保證XML原始結構的情況，在轉換成JSON時需要一些注意。

XML轉換成JSON的格式大概如下：

XML形式

<article><header id="h1"> 文章標題 </header><section id="s1"><header> 章節標題 </header><p> 章節段落 </p></section></article>

JSON表現形式

{"article": {"header": {"#text": "文章標題","@id": "h1"},"section": {"@id": "s1","header": "章節標題","p": "章節段落"}}}

用Js將XML轉換成JSON的腳本，在網上找了一些現成的腳本，但大都只滿足比較簡單的情況，都不可以完成保證原始結構的互轉。下面是從網上找到的一些腳本或者文章：

x2js  : https://code.google.com/p/x2js/

jsonxml :http://davidwalsh.name/convert-xml-json

JKL.ParseXML :http://www.kawa.net/works/js/jkl/parsexml-e.html

x2js不會將下面的XML正確還原。

//XML形式<p> <strong>章節</strong>段<em>落</em> </p>

而第2個腳本jsonxml，在上面這種“文本混合標簽”的情況下，沒有將標簽提取出來，而是轉換成了下面這種格式。

{"p":"<strong>章節</strong>段<em>落</em>"}}

之后我做了些改動，將它解析成如下格式后，滿足了“文本混合標簽”可正確還原的情況。

{"p":[{"strong":"章節"},"段",{"em":"落"}]}

另外，形如下面的代碼，使用上文提到的腳本進行轉換，也會導致無法正確還原的情況。

<article>  <section id="s1">第一節</section>  <header id="h1"> 標題 </header>  <section id="s2">第二節</section></article>

同樣，在一個標簽內，它的子標簽出現了大于一次，如果需要記錄數據的路徑，應該使用數組來保存這個結構。正確的代碼應該是：

{  "article": [ {  "section": {  "#text": "第一節",  "@id": "s1"  },  }, {  "header": {  "#text": "標題",  "@id": "h1"  }  }, {  "section": {  "#text": "第一節",  "@id": "s2"  }  }  ]}

jkl.parsexml

<?xml version="1.0" encoding="UTF-8" standalone="yes"?><items> <item>  <zip_cd>10036</zip_cd>  <us_state>NY</us_state>  <us_city>New York</us_city>  <us_dist>Broadway</us_dist> </item></items>