Deserialize xml in javascript

Question

Suppose to have an xml like this:

   <?xml version="1.0" encoding="UTF-8"?>
 <Langs>
<dirs>
  <string>uk-fr</string>
  <string>uk-it</string>
  <string>uk-pl</string>
  <string>uk-tr</string>
</dirs>
<langs>
  <Item key="af" value="Afrikaans" />
  <Item key="ar" value="Arabic" />
  <Item key="az" value="Azerbaijani" />
  <Item key="ba" value="Bashkir" />
  <Item key="be" value="Belarusian" />
 </langs>
</Langs>

How can I get an array that contains the key of each item? Using javascipt? An object as this:

  var array = [af,ar,az,ba,be]

You can use [`DOMParser`](https://developer.mozilla.org/en/docs/Web/API/DOMParser) and then work with the document it returns. (I'm not at a computer now so can't try it out and give an example.) — gcampbell, Jun 06 '16 at 16:00
Also there is [`jQuery.parseXML`](https://api.jquery.com/jQuery.parseXML/). — Soubhik Mondal, Jun 06 '16 at 16:01
@gcampbell The DOMParser is an experimental feature and may not be supported everywhere. — Soubhik Mondal, Jun 06 '16 at 16:23
@BlazeSahlzen http://stackoverflow.com/a/7951947/6303733, http://caniuse.com/#search=domparser, compare with https://jquery.com/browser-support/ — gcampbell, Jun 06 '16 at 16:31
@BlazeSahlzen Thank you all, but how do I use jquery.ParseXML in this case? — Mister98, Jun 13 '16 at 07:46

score 1 · Accepted Answer · answered Jun 25 '16 at 02:32

Sorry for the late reply.

Here's an example code on how to use jQuery.parseXML to solve the problem:

var xml_string = 'your xml string';

var output = $.parseXML(xml_string); // <-------- parsing using jQuery.parseXML

var array = []; // <----------------------------- array for storing the keys

// iterating over the elements where selector 'langs>Item' matches in the parsed XML
// and retrieving the key values and pushing them into the array
$('langs>Item', output).each(function(i, e) {
  array.push($(e).attr('key'));
});

// display the output
console.log(array);

Here's a fiddle.

Deserialize xml in javascript

1 Answers1