Parse XML response of web service using JavaScript and ajax

Question

I need to parse the XML response returned by a web service in ajax, this is my code, 'response' is the response returned by the web service, how do I create a XML object and parse it?

$.ajax({
    type: 'POST',
    url: 'web service link',
    dataType: 'xml:lang',
    success: function (response) {
        // how to parse the response here
    },
    error: function (error) {
        console.log(error);
    }
});

This is my XML code:

<ArrayOfMobileConfiguration xmlns:xsd="w3.org/2001/XMLSchema"; xmlns:xsi="w3.org/2001/XMLSchema-instance"; xmlns="tempuri.org/">; 
    <MobileConfiguration> 
        <Id>1</Id> 
        <Key>STMaxDownloadSize</Key> 
        <Value>132000</Value> 
    </MobileConfiguration> 
    <MobileConfiguration> 
        <Id>2</Id> 
        <Key>ZoomingThresholdValue</Key> 
        <Value>14</Value> 
    </MobileConfiguration>
</ArrayOfMobileConfiguration>

stackoverflow.com/questions/17604071/parse-xml-using-javascript — Garry
– Garry, Commented May 7, 2015 at 11:00

Rory McCrossan · Accepted Answer · 2017-10-23 07:30:47Z

4

jQuery is able to retrieve values from an XML response in the same manner it would select standard HTML. Try this:

$.ajax({
    type: 'POST',
    url: 'web service link',
    dataType: 'xml',
    success: function (response) {
        $('MobileConfiguration', response).each(function() {
            var id = $(this).find('Id').text();
            var key = $(this).find('Key').text();
            var value = $(this).find('Value').text();

            console.log(id, key, value);
        });
    },
    error: function (error) {
        console.log(error);
    }
});

edited Oct 23, 2017 at 7:30

answered May 7, 2015 at 10:57

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

3 Comments

Malo Over a year ago

I tried to execute this code, and its working but if i make alert(Id) into the function it display : 12 and alert(key) display (STMaxDownloadSizeZoomingThresholdValue) it means that the values of Id and key are the value of xml tags concatenated each other, how can i loop for each one of xml tag and do something with the value ? thank u

Rory McCrossan Over a year ago

This code is looping over those elements so should work fine. It would probably be best for you to start a new question including the code you're using.

Malo Over a year ago

okay you are right i was wrong because i put ArrayOfMobileConfiguration instead of MobileConfiguration, Regards @Rory McCrossan

Quentin · Accepted Answer · 2015-05-07 10:58:20Z

0

This:

dataType: 'xml:lang',

should be just:

dataType: 'xml',

jQuery will then ignore the content-type of the response and parse it as XML before populating the variable you have named response in the success function with it.

answered May 7, 2015 at 10:58

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Comments

Manu Benjamin · Accepted Answer · 2015-05-07 11:08:02Z

0

Try the following code,

$.ajax({
type: 'POST',
url: 'web service link',
dataType: 'xml',
success: function (response) {
   $(response).find('MobileConfiguration').each(function(){
        var Id = $(this).find('Id').text();
        var Key = $(this).find('Key').text();
        var Value = $(this).find('Value').text();

        // Use Id, Key, Value according to your requirement.
   });
},
error: function (error) {
    console.log(error);
}
});

answered May 7, 2015 at 11:08

Manu Benjamin

99710 silver badges26 bronze badges

Collectives™ on Stack Overflow

Parse XML response of web service using JavaScript and ajax

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related