extract value from xml using pure javascript

Question

i am receiving xml as a web response.

<s:Envelope xmlns:s="http://schemas.example.org/soap/envelope/">
<s:Header/>
    <s:Body>
        <ProductIdResponse xmlns="http://example.org/">
            <Product>123</Product>
        <ProductIdResponse>
    </s:Body>
</s:Envelope>

I am looking to extract value from xml using pure javascript and store it in variable. there are many example in stackoverflow but all are using DOM elements and jquery.

any help would be appreciated.

Banana · Accepted Answer · 2014-12-12 08:08:41Z

3

have a look here: XML Parser

you load the xml into an xml document, and then access the elements the same way you would on your page's document:

    //initialize your xml for testing purposes
    txt='<s:Envelope xmlns:s="http://schemas.example.org/soap/envelope/">';
    txt=txt+'<s:Header/>';
    txt=txt+'<s:Body>';
    txt=txt+'<ProductIdResponse xmlns="http://example.org/">';
    txt=txt+' <Product>123</Product>';
    txt=txt+'<ProductIdResponse>';
    txt=txt+'</s:Body>';
    txt=txt+'</s:Envelope>';
    
    if (window.DOMParser) {
        parser = new DOMParser();
        xmlDoc = parser.parseFromString(txt, "text/xml");
    } else // Internet Explorer
    {
        xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
        xmlDoc.async = false;
        xmlDoc.loadXML(txt);
    }
    var myProduct = xmlDoc.getElementsByTagName("Product")[0].innerHTML;
    alert(myProduct);

If you dont want to parse the xml into DOM, you can alternatively retrieve the data using RegEx matching

check Here for a good RegEx tester where you can practice regex.

//initialize your xml for testing purposes
txt = '<s:Envelope xmlns:s="http://schemas.example.org/soap/envelope/">';
txt = txt + '<s:Header/>';
txt = txt + '<s:Body>';
txt = txt + '<ProductIdResponse xmlns="http://example.org/">';
txt = txt + ' <Product>123</Product>';
txt = txt + ' <Product>Product 2</Product>';
txt = txt + '<ProductIdResponse>';
txt = txt + '</s:Body>';
txt = txt + '</s:Envelope>';

var myProducts = txt.match(/<Product>(.*?)<\/Product>/g);
myProducts.forEach(function(val, id) {
  myProducts[id] = myProducts[id].replace(/(<([^>]+)>)/ig, "");
});
console.log(myProducts);
alert("2nd product is: " + myProducts[1]);

edited Dec 12, 2014 at 8:08

answered Dec 12, 2014 at 7:18

Banana

7,4843 gold badges25 silver badges44 bronze badges

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

3 Comments

Aakash Doshi Over a year ago

Thanks for reply. But I am not looking for DOM :(

JLRishe Over a year ago

@user2202257 What do you expect to use if not DOM? What's wrong with using a DOM?

dfsq Over a year ago

@user2202257 You are confusing HTML and jQuery with DOM. DOM is a standard for XML representation and manipulation of documents. So you are looking for DOM. You should use DOMParser as described in this answer.

Collectives™ on Stack Overflow

extract value from xml using pure javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related