How to retrieve xml data from Javascript [duplicate]

Question

Possible Duplicate:
how to extract values from an XML document using Javascript

My demo.xml file contain the following data:

<?xml version="1.0"?>
<user>
<details>
<name>abc</name>
<class>xyz</class>
<city>pqr</city>
</details>
<info>
<id>123</id>
<code>456</code>
</info>
</user>

I want to fetch all these data from file demo.xml into my code using Javascript. How can I get this? Any solution? Thanks....

Although you can get the values using the standard DOM interface your browser (should) provide, most of the times it's better and safer to use a framework (like jQuery) to select the elements. Are you using any? — Gerardo Lima
– Gerardo Lima, Commented May 21, 2012 at 11:22
@Gerardo Lima: No I am not using jQuery for it. I want to use Javascript for this. Can it possible in Javascript or jQuery is better option? — J.K.A.
– J.K.A., Commented May 21, 2012 at 11:24

Tom · Accepted Answer · 2024-05-06 07:49:06Z

18

here is an example wich can put you in the right direction:

var request = new XMLHttpRequest();
request.open("GET", "/path/demo.xml", true);
request.send();
var xml = request.responseXML;
var users = xml.getElementsByTagName("user");
for(var i = 0; i < users.length; i++) {
    var user = users[i];
    var names = user.getElementsByTagName("name");
    for(var j = 0; j < names.length; j++) {
        alert(names[j].childNodes[0].nodeValue);
    }
}

edited May 6, 2024 at 7:49

answered May 21, 2012 at 11:26

Tom

4,1702 gold badges26 silver badges40 bronze badges

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

5 Comments

Tom Over a year ago

XMLHttpRequests aren't always asynchrone; the false in request.open("GET", "/path/demo.xml", false) makes it synchrone

J.K.A. Over a year ago

It returning the object instead of value

Ronak Patel Over a year ago

It's working well in Firefox for me,.. but throwing error Javascript runtime error: Access is denied in Chrome & IE

ayke Over a year ago

Please don't do this. You're making a synchronous request that will block the main thread. In fact, this pattern is now deprecated: developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/…

Tom Over a year ago

I edited my post and changed it to asynchrone...ayke is right...in most cases it's not recommended...I don't know if it is even still possible to do this synchrone.

Collectives™ on Stack Overflow

How to retrieve xml data from Javascript [duplicate]

1 Answer 1

5 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Linked

Related