How do I parse the attached XML code using JavaScript?

Question

I have a requirement to read data from the XML file. Here is the data in XML file.

<?xml version="1.0"?>
<application id="AndroidCoverFlow" name="AndroidCoverFlow" platform="general">
       <attributes datatype="ref" value="{"coverflowConfig":{"spaceBetweenRowItems":5,"projectionAngle":90,"isCircular":true,"rowItemWidth":5,"rowItemRotationAngle":180}}" name="viewConfig" platform="general" buckettype="basic"/>
       </application>

in the specified example, I want to verify/Read the coverflowconfig values.i.e spaceBetweenRowItems, projectionAngle projectionAngle.

This isn't valid XML. You have double quotes inside double quotes in your value. Is this what it really looks like? — gen_Eric
– gen_Eric, Commented May 9, 2014 at 17:56
I am sure,the attached snippet is correct one.This is generated from some javascript code through IDE.i have copied some content from the whole xml file. — shiva oleti
– shiva oleti, Commented May 9, 2014 at 18:25

gen_Eric · Accepted Answer · 2014-05-09 18:50:10Z

1

I hope this isn't the exact XML, because it's not valid. But forgetting that... assuming it is valid, you can parse it using DOMParser.

var parser = new DOMParser,
    xmlDom = parser.parseFromString(xml, 'text/xml');

var application = xmlDom.getElementById('AndroidCoverFlow'),
    attributes = application.getElementsByTagName('attributes');

var value = attributes[0].attributes.getNamedItem('value').value,
    jsonData = JSON.parse(value);

console.dir(jsonData);

DEMO: http://jsbin.com/soxobuba/2/edit?js,console

edited May 9, 2014 at 18:50

answered May 9, 2014 at 18:44

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Abdennour TOUMI · Accepted Answer · 2014-05-09 18:50:36Z

0

Fiddle: http://jsfiddle.net/abdennour/MUws7/

NOTE:

It is not an XML code, You could check it By : http://www.w3schools.com/xml/xml_validator.asp

However , if it is an XML Code , You can use a Javascript library such as jQuery, then do this :

$(xml).find("attributes").each(function()
  {
   var myObject=$(this).attr("value")
   $("#output").html(myObject);
       myObject=myObject.replaceAll("'",'"')
      alert(myObject)
      coverflowConfig=$.parseJSON(myObject).coverflowConfig;
      alert('coverflowConfig.projectionAngle='+coverflowConfig.projectionAngle)


  });

Fiddle: http://jsfiddle.net/abdennour/MUws7/

edited May 9, 2014 at 18:50

answered May 9, 2014 at 18:45

Abdennour TOUMI

94.6k42 gold badges271 silver badges274 bronze badges

3 Comments

gen_Eric Over a year ago

The question doesn't say that he's using jQuery.

Abdennour TOUMI Over a year ago

jquery = is a JS library

gen_Eric Over a year ago

Yeah. I'm well aware what jQuery is. The person asking the question the didn't indicate that they are using it. So, you might wanna mention that this uses the jQuery library in your answer.

Collectives™ on Stack Overflow

How do I parse the attached XML code using JavaScript?

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related