How Can I Parse XML Data in JavaScript Without Using External Frameworks?

Parse XML Using JavaScript

Using JavaScript, you can efficiently parse XML data stored within a variable. This article demonstrates how to accomplish this without relying on external frameworks like jQuery.

DOM Parsing Approach:

Instantiate a DOMParser object and parse the XML string. This method is supported by modern browsers. If you encounter compatibility issues, consider using an ActiveXObject for Internet Explorer.

if (window.DOMParser) {
    parser = new DOMParser();
    xmlDoc = parser.parseFromString(xmlString, "text/xml");
} else {
    xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
    xmlDoc.async = false;
    xmlDoc.loadXML(xmlString);
}

Accessing Node Values:

Once the XML is parsed, you can pinpoint specific node values. For instance, to retrieve the house number:

xmlDoc.getElementsByTagName("streetNumber")[0].childNodes[0].nodeValue;

Similarly, you can obtain other values, such as street name, postal code, and more.

Handling Namespaces:

If your XML contains namespace prefixes, they must be excluded when requesting the element without a prefix. For example:

// Assuming a namespace prefix of 'sn' for streetNumber
xmlDoc.getElementsByTagName("streetNumber")[0].childNodes[0].nodeValue;

Conclusion:

Parsing XML in JavaScript using DOM is a straightforward process. By leveraging the DOMParser object and accessing specific node values, you can efficiently extract data from your XML.

The above is the detailed content of How Can I Parse XML Data in JavaScript Without Using External Frameworks?. For more information, please follow other related articles on the PHP Chinese website!