Jump to content

need help in how to get and display text from xml using ajax


doforumda

Recommended Posts

hi

i am new to ajax and learning ajax. i want to know how can i get data from xml file using ajax. my code is below.

here is my ajax code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
var options;
var XHRO = false;

if(window.XMLHttpRequest)
{
XHRO = new XMLHttpRequest();
XHRO.overrideMimeType("text/xml");
}
else if(window.ActiveXObject)
{
XHRO = new ActiveXObject("Microsoft.XMLHTTP");
}

function getData(dataSource, divID)
{
if(XHRO)
{
	var obj = document.getElementById(divID);
	XHRO.open("GET", dataSource);

	XHRO.onreadystatefunction = function()
	{
		if(XHRO.readyState == 4 && XHRO.status == 200)
		{
			obj.innerHTML = XHRO.responseXML;
		}
	}
	XHRO.send(null);
}
}
</script>
</head>

<body>
<form>
<input value="Grab Data" type="button" onclick="getData('options1.xml','targetDiv')" />
</form>
<div id="targetDiv">
<p>Press the button to fetch data from server.</p>
</div>
</body>
</html>

 

and here is xml

<?xml version='1.0'?>
<options>
<option>
	red
</option>
	green
<option>
</option>
	blue
<option>
</option>
</options>

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.