Display data from xml in html5 application

Question

I have been searching how to display data from a xml file in a html5 application. I have a html5 web page that has to read data from a xml saved locally in a folder. I have been trying with xslt, java and everything but I really can't.

Can someone help me please? Any user guide for dummies? Any tip? Thanks!!

If the problem only consists of presenting the xml on the page this should help you on the way: stackoverflow.com/questions/5744064/… — Tobias Nilsson
– Tobias Nilsson, Commented Dec 30, 2012 at 17:32
Yes, I want to display the data to the user. The data comes from a database that I have passed to a xml and I want to display this data. — Manuelpalcaraz
– Manuelpalcaraz, Commented Dec 30, 2012 at 18:35
I do not want just display all the text of the xml, I want to read the xml and put some data in the html5 code — Manuelpalcaraz
– Manuelpalcaraz, Commented Dec 30, 2012 at 18:40

John Palmer · Accepted Answer · 2012-12-31 02:23:33Z

2

I always retrieve my XML using AJAX, so for me:

theXML = xmlhttp.responseXML.documentElement;
// documentElement is the root of the XML

var elementXXX = theXML.getElementsByTagName('elementXXX')[0].childNodes[0].nodeValue;
//This will retrieve a first level element in the XML

If there are multiple nodes, then you have to loop through them and extract the nodeValue in each iteration. I find it helpful to think about the content you want to extract from an XML element as the first Child of the element--

Hope this helps.

edited Dec 31, 2012 at 2:23

John Palmer

25.5k3 gold badges52 silver badges72 bronze badges

answered Dec 31, 2012 at 2:00

LearnToProgram.tv

807 bronze badges

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

1 Comment

Manuelpalcaraz Over a year ago

Ok, I will see that :) Thanks!

fionaredmond · Accepted Answer · 2015-12-30 21:40:35Z

1

I know this question is old but I will add to it anyway for others seen as I am currently doing something similar.

There are many ways to pull in XML data to be shown on a web page. To do it using JQuery, for example with an XML file called data.xml:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    $.ajax({
        type: "GET",
        url: "data.xml",
        dataType: "xml",
        success: xmlParser
    });
});

function xmlParser(xml) {
   // The data to be read in..
}
</script>

answered Dec 30, 2015 at 21:40

fionaredmond

6597 silver badges16 bronze badges

Comments

user1938700 · Accepted Answer · 2012-12-31 00:10:29Z

0

Using jQuery, here is a guide: http://api.jquery.com/jQuery.parseXML/

answered Dec 31, 2012 at 0:10

user1938700

398 bronze badges

1 Comment

Manuelpalcaraz Over a year ago

I want just the other way, I want to read an xml in html5 to display the data in the xml

Collectives™ on Stack Overflow

Display data from xml in html5 application

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related