Convert XML to JSON and back using Javascript

Question

How would you convert from XML to JSON and then back to XML   The following tools work quite well  but aren t completely consistent    xml2json   Has anyone encountered this situation before

User · Answer

I ve created a recursive function based on regex  in case you don t want to install library and understand the logic behind what s happening    x000D   x000D  const xmlSample     lt tag gt tag content lt  tag gt  lt tag2 gt another content lt  tag2 gt  lt tag3 gt  lt insideTag gt inside content lt  insideTag gt  lt emptyTag   gt  lt  tag3 gt    x000D  console log parseXmlToJson xmlSample    x000D   x000D  function parseXmlToJson xml    x000D      const json       x000D      for  const res of xml matchAll      lt   w      s   gt      gt          lt  1         lt    1 gt    lt   w      s      gt  gm     x000D          const key   res 1     res 3   x000D          const value   res 2   amp  amp  parseXmlToJson res 2    x000D          json key      value  amp  amp  Object keys value  length    value   res 2      null  x000D   x000D        x000D      return json  x000D    x000D   x000D   x000D    Regex explanation for each loop    res 0  - return the xml  as is  res 1  - return the xml tag name res 2  - return the xml content res 3  - return the xml tag name in case the tag closes itself   In example   lt tag   gt    You can check how the regex works here  https   regex101 com r ZJpCAL 1  Note  In case json has a key with an undefined value  it is being removed   That s why I ve inserted null at the end of line 9

User · Answer

These answers helped me a lot to make this function   function xml2json xml      try       var obj           if  xml children length  gt  0          for  var i   0  i  lt  xml children length  i              var item   xml children item i           var nodeName   item nodeName           if  typeof  obj nodeName       undefined               obj nodeName    xml2json item             else             if  typeof  obj nodeName  push      undefined                 var old   obj nodeName                obj nodeName                    obj nodeName  push old                         obj nodeName  push xml2json item                            else         obj   xml textContent            return obj      catch  e          console log e message           As long as you pass in a jquery dom xml object  for me it was   Jquery this  find  content   eq 0  0    where content was the field I was storing my xml in

User · Answer

Xml-to-json library has methods jsonToXml json  and xmlToJson xml

User · Answer

I would personally recommend this tool  It is an XML to JSON converter   It is very lightweight and is in pure JavaScript  It needs no dependencies  You can simply add the functions to your code and use it as you wish    It also takes the XML attributes into considerations   var xml       lt person id    1234    age    30    gt  lt name gt John Doe lt  name gt  lt  person gt      var json   xml2json xml     console log json       prints        person         id        1234        age        30        name        John Doe           Here s an online demo

User · Answer

I was using xmlToJson just to get a single value of the xml  I found doing the following is much easier  if the xml only occurs once      x000D   x000D  let xml   x000D    lt person gt     x000D       lt id gt 762384324 lt  id gt     x000D       lt firstname gt Hank lt  firstname gt      x000D       lt lastname gt Stone lt  lastname gt     x000D    lt  person gt    x000D   x000D  let getXmlValue   function str  key    x000D    return str substring  x000D      str lastIndexOf   lt     key     gt         lt     key     gt    length  x000D      str lastIndexOf   lt      key     gt    x000D       x000D    x000D   x000D   x000D  alert getXmlValue xml   firstname        gives back Hank x000D   x000D   x000D

User · Answer

I think this is the best one   Converting between XML and JSON  Be sure to read the accompanying article on the xml com O Reilly site  which goes into details of the problems with these conversions  which I think you will find enlightening   The fact that O Reilly is hosting the article should indicate that Stefan s solution has merit

User · Answer

You can also use txml  It can parse into a DOM made of simple objects and stringify  In the result  the content will be trimmed  So formating of the original with whitespaces will be lost  But this could be used very good to minify HTML  const xml   require  txml    const data      lt tag gt tag content lt  tag gt   lt tag2 gt another content lt  tag2 gt   lt tag3 gt     lt insideTag gt inside content lt  insideTag gt     lt emptyTag   gt   lt  tag3 gt     const dom   xml data      the dom can be JSON stringified  xml stringify dom      this will return the dom into an xml-string  Disclaimer  I am the author of txml  the fastest xml parser in javascript

User · Answer

In 6 simple ES6 lines   xml2json   xml   gt                                                                                                                                                           var el   xml nodeType     9   xml documentElement   xml                                                                                                                  var h     name  el nodeName                                                                                                                                              h content      Array from el childNodes        filter e   gt  e nodeType     3  map e   gt  e textContent  join     trim                                                       h attributes   Array from el attributes        filter a   gt  a  reduce  h  a    gt    h a name    a value  return h                                                           h children     Array from el childNodes        filter e   gt  e nodeType     1  map c   gt  h c nodeName    xml2json c                                                         return h                                                                                                                                                                     Test with echo  xml2json example      node -r xml2json es6 with source at https   github com brauliobo biochemical-db blob master lib xml2json es6

User · Answer

https   github com abdmob x2js - my own library  updated URL from http   code google com p x2js     This library provides XML to JSON  JavaScript Objects  and vice versa javascript conversion functions  The library is very small and doesn t require any other additional libraries  API functions  new X2JS   - to create your instance to access all library functionality  Also you could specify optional configuration options here X2JS xml2json - Convert XML specified as DOM Object to JSON X2JS json2xml - Convert JSON to XML DOM Object X2JS xml str2json - Convert XML specified as string to JSON X2JS json2xml str - Convert JSON to XML string   Online Demo on http   jsfiddle net abdmob gkxucxrj 1  var x2js   new X2JS    function convertXml2JSon            quot  jsonArea quot   val JSON stringify x2js xml str2json    quot  xmlArea quot   val          function convertJSon2XML            quot  xmlArea quot   val x2js json2xml str   parseJSON    quot  jsonArea quot   val          convertXml2JSon    convertJSon2XML       quot  convertToJsonBtn quot   click convertXml2JSon      quot  convertToXmlBtn quot   click convertJSon2XML

User · Answer

A while back I wrote this tool https   bitbucket org surenrao xml2json for my TV Watchlist app  hope this helps too      Synopsys  A library to not only convert xml to json  but is also easy to debug  without circular errors  and recreate json back to xml  Features  - Parse xml to json object  Print json object back to xml  Can be used to save xml in IndexedDB as X2J objects  Print json object

User · Answer

Here  a good tool from a documented and very famous npm library that does the xml  lt -  js conversions very well  differently from some  maybe all  of the above proposed solutions  it converts xml comments also   var obj    name   Super   Surname   Man   age  23    var builder   new xml2js Builder    var xml   builder buildObject obj

User · Answer

The best way to do it using server side as client side doesn t work well in all scenarios  I was trying to build online json to xml and xml to json converter using javascript and I felt almost impossible as it was not working in all scenarios  Ultimately I ended up doing it server side using Newtonsoft in ASP MVC  Here is the online converter http   techfunda com Tools XmlToJson

User · Answer

Disclaimer  I ve written fast-xml-parser  Fast XML Parser can help to convert XML to JSON and vice versa  Here is the example   var options         attributeNamePrefix             attrNodeName   attr     default is  false      textNodeName     text       ignoreAttributes   true      ignoreNameSpace   false      allowBooleanAttributes   false      parseNodeValue   true      parseAttributeValue   false      trimValues  true      decodeHTMLchar  false      cdataTagName     cdata     default is  false      cdataPositionChar     c      if parser validate xmlData     true    optional     var jsonObj   parser parse xmlData options       If you want to parse JSON or JS object into XML then    default options need not to set var defaultOptions         attributeNamePrefix             attrNodeName         default is false     textNodeName     text       ignoreAttributes   true      encodeHTMLchar  false      cdataTagName     cdata     default is false     cdataPositionChar     c       format  false       indentBy            supressEmptyNode  false    var parser   new parser j2xParser defaultOptions   var xml   parser parse json or js obj

[javascript] Convert XML to JSON (and back) using Javascript

Examples related to javascript

Examples related to jquery

Examples related to xml

Examples related to json

Examples related to format-conversion