Member Avatar for sanityhien

Hello I'm new with AJAX and I'm trying to read an XML file with Javascript. It's supposed to display an alert message but it's not. What's wrong with my code?

Thanks!
:)

HTML

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>XML Exercise</title>
<script type="text/javascript" src="xmlExercise.js"></script>
</head>
<body onLoad="getData()">

</body>
</html>

Javascript - xmlExercise.js

function getData()
{
	var Request = false;
	var docElement, childOne, childTwo, textNode, targetData;
	
	if (window.XMLHttpRequest)
	{
		Request = new XMLHttpRequest();
	}
	else if (window.ActiveXObject)
	{
		Request = new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	if (Request)
	{
		Request.open("GET", "library.xml");
		Request.onreadystatechange = function()
		{
			if (Request.readyState == 4 && Request.status == 200)
			{
				var xmlDoc = Request.responseXML;
				ClearOutWhiteSpace(xmlDoc);
				docElement = xmlDoc.documentElement;
				childOne = docElement.firstChild;
				childTwo = childOne.nextSibling;
				textNode = childTwo.firstChild;
				targetData = textNode.nodeValue;
				window.alert("There are " + targetData + " in the library.");
			}
		}
	}
	Request.send(null);
}

function ClearOutWhiteSpace(xmlFile)
{
	var i = 0;
	for (i = 0; i < xmlFile.childNodes.length; i++)
	{
		var tag = xmlFile.chlidNodes[i];
		if (tag.nodeType == 1)
		{
			ClearOutWhiteSpace(tag);
		}
		if ((tag.nodeType == 3) && (/^\s+$/.test(tag.nodeValue)))
		{
			xmlFile.removeChild(xmlFile.childNodes[i--]);
		}
	}
}

XML - library.xml

<?xml version="1.0" encoding="UTF-8"?>
<library>
	<History>57 Volumes</History>
	<Biography>78 Volumes</Biography>
	<Military>104 Volumes</Military>
	<SciFi>61 Volumes</SciFi>
</library>
Edited by sanityhien because: forgot a word
  • 4 Contributors
  • 8 Replies
  • 300 Views
  • 6 Days Discussion Span
  • Latest Post Latest Post by Troy III

Recommended Answers

All 8 Replies

Member Avatar for stbuchok

I'd have to look this up myself, however, it is a better idea to use JSON instead of XML for AJAX.

Member Avatar for stbuchok

I just realized how funny that sounds considering what AJAX stands for, however, look at using JSON.

Member Avatar for sanityhien

ok thanks, i'll look into JSON! but if any of you have an idea why this is not working, please tell, thank you :)

Member Avatar for Airshow

How are you serving the documents?

Member Avatar for sanityhien

How are you serving the documents?

all documents are in the same folder. The problem is I don't know the problem. Would you know what's wrong with my code? I can't seem to read any kind of XML. Thanks

Edited by sanityhien because: n/a
Member Avatar for Airshow

OK, but how are you serving the documents; Apache, IIS, Windows localHost?

Member Avatar for stbuchok

Airshow's tag line says it all

50% of the solution lies in accurately describing the problem!

I would also say it could be modified to say the following:

40% of the solution lies in accurately describing the problem!
40% of the solution lies in understanding the problem!
20% of the solution lies in good coffee!

Member Avatar for Troy III

I just read out the code, but didn't find any problems with it.
I'm pretty sure your ajax call is not being served at all.
You may have ran into some sort of a security issue.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.