jQuery parse XML with namespace

Question

I have a XML api returns XML like below:

    <?xml version="1.0" encoding="utf-8"?>
    <d:ItemCount xmlns:d="http://schemas.microsoft.com/ado/2007/08/dataservices" xmlns:m="http://schemas.microsoft.com/ado/2007/08/dataservices/metadata" xmlns:georss="http://www.georss.org/georss" xmlns:gml="http://www.opengis.net/gml" m:type="Edm.Int32">
       529
    </d:ItemCount>

I use jQuery to parse this XML like below:

    $.ajax({
    cache: false,
    type: "GET",
    url: apiURL  ,
    dataType: 'xml',
   // contentType: "application/x-www-form-urlencoded;charset=UTF-8" ,
    success: function (xml) {

           var root = $(xml);
           var count = root.find('d\\:ItemCount').text(); 
           alert(count);
    },
    error: function (xhr, ajaxOptions, thrownError) {
    }
 });

However, using Chrome, the alert result is always empty string. when I tried using "root.find('ItemCount').text()" instead of "root.find('d\:ItemCount').text()", it will works.

While using IE 11, things are quite different. the alert result is always empty string using root.find('ItemCount').text() and works fine using root.find('d\\:ItemCount').text().

So what is the best way to handle this?

Many thanks.

Technically, the correct syntax for naneapace selectors in CSS would be d|itemCount, with a pipe, but even CSS requires the namespace to be explicitly declared with an @namespace rule earlier in the stylesheet. — Anthony
– Anthony, Commented Jun 23, 2015 at 3:41

Arun P Johny · Accepted Answer · 2015-06-23 03:23:01Z

2

One hacky way I have found is to use 2 selectors

var root = $(xml);
var count = root.find('d\\:ItemCount, ItemCount').text();
console.log(count);

var string = '<?xml version="1.0" encoding="utf-8"?><d:ItemCount xmlns:d="http://schemas.microsoft.com/ado/2007/08/dataservices" xmlns:m="http://schemas.microsoft.com/ado/2007/08/dataservices/metadata" xmlns:georss="http://www.georss.org/georss" xmlns:gml="http://www.opengis.net/gml" m:type="Edm.Int32">529</d:ItemCount>';

var xml = $.parseXML(string);
var root = $(xml);
var count = root.find('d\\:ItemCount, ItemCount').text();
console.log(count);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

answered Jun 23, 2015 at 3:23

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Collectives™ on Stack Overflow

jQuery parse XML with namespace

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