How to make a simple list from a XML file using javascript

Question

xml file

<?xml version="1.0" encoding="UTF-8"?>
<checkers>
    <data>0</data>
    <text>Blank Checker/White square</text>
</checkers>
<checkers>
    <data>3</data>
    <text>black square blank></text>
</checkers>
<checkers>
    <data>0</data>
    <text>Blank Checker/White square</text>
</checkers>

All I want to do is parse out the data and just get a array/list like this:

[0,3,0] from the XML file using HTTPrequest and use it in my javascript code.

Can someone put me in the right direction/send some learning help to me? Thank you.

function loadXMLDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      this.responseText;
    }
  };
  xhttp.open("GET", "data.xml", true);
  xhttp.send();
  console.log(xhttp)


var grid = [0,3,0]

end result needed

wjatek · Accepted Answer · 2020-11-16 03:30:18Z

1

XML needs to have one root element. Then you can parse it using DOMParser:

const someXML = `<?xml version="1.0" encoding="UTF-8"?>
    <document>
        <checkers>
            <data>0</data>
            <text>Blank Checker/White square</text>
        </checkers>
        <checkers>
            <data>3</data>
            <text>black square blank></text>
        </checkers>
        <checkers>
            <data>0</data>
            <text>Blank Checker/White square</text>
        </checkers>
    </document>`

const parser = new DOMParser()
const parsedXML = parser.parseFromString(someXML, 'text/xml')

const nodes = parsedXML.querySelectorAll('checkers')

const myArray = []
nodes.forEach(node => myArray.push(node.children[0].textContent))

edited Nov 16, 2020 at 3:30

answered Nov 16, 2020 at 3:21

wjatek

1,0061 gold badge9 silver badges27 bronze badges

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

Collectives™ on Stack Overflow

How to make a simple list from a XML file using javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related