How to Extract a Namespace from XML in JavaScript

Other Questions JavaScript
1

I am working with a straightforward web service response and need assistance with extracting the value from the namespace ns2:count. Below is the response I’m dealing with:

<availableSlots xmlns:ns5="http://jabber.org/protocol/httpbind" xmlns:ns2="http://bindings.egain.com/chat" xmlns:ns4="urn:ietf:params:xml:ns:xmpp-stanzas" xmlns:ns3="jabber:client">
<ns2:count>1</ns2:count>
</availableSlots>

And here’s my JavaScript code:

$(document).ready(function () {
    $.ajax({
        url: "https://myserver/system/company/chat/fake/capacity/1007",
        dataType: 'xml',
        success: function (response) {
            var parsedXML = $.parseXML(response),
                $parsedXML = $(parsedXML),
                $countValue = $parsedXML.find("ns2\:count");
            $("#AvailableAgents").html($countValue);
            alert($countValue);
        },
        error: function (xhr, options, error) {
            alert(xhr.responseText + "\n" + xhr.status + "\n" + error);
        }
    });
});

The issue I’m facing is that when I display an alert, it shows as [Object]. How can I extract the actual value of 1 instead?

2

If you are looking for an alternative approach to refining the extraction of ns2:count from an XML response using JavaScript, you might consider employing native browser functionalities without relying on jQuery. This can be especially useful if you aim to reduce dependencies or align with modern JavaScript practices.

Here's an example using the DOMParser to achieve similar results:

document.addEventListener('DOMContentLoaded', function () {
    fetch('https://myserver/system/company/chat/fake/capacity/1007')
        .then(response => response.text())
        .then(str => (new window.DOMParser()).parseFromString(str, 'text/xml'))
        .then(data => {
            var countValue = data.getElementsByTagName('ns2:count')[0].textContent;
            document.getElementById('AvailableAgents').innerHTML = countValue;
            alert(countValue);
        })
        .catch(error => console.error('Error:', error));
});

By using fetch API and DOMParser, the code gains flexibility and can be executed in an environment where jQuery is not present. The getElementsByTagName method retrieves elements by their names even when namespaces are involved, and textContent extracts the inner text effectively.

3

Hey Emma,
To get the text value of ns2:count instead of [Object], you should use the .text() method. Update your code like this:

var $countValue = $parsedXML.find('ns2\:count').text();
$('#AvailableAgents').html($countValue);
alert($countValue);

This will extract the text content of the ns2:count element. Let me know if that helps!