Home Javascript Javascriptexamples JavaScript XML Http Request

Related Tutorials


 
 

Share on Google+Share on Google+

JavaScript XML Http Request

Advertisement
This page discusses - JavaScript XML Http Request

JavaScript XML Http Request

       

This section illustrates you how to access XML file with an XMLHTTP object using JavaScript.

The XMLHttpRequest object allows to update a web page without reloading. It requests and receives the data from the server after the page has loaded. In the given example, we have created XMLHttpRequest object and used it with the method open("GET", url, true) to make a GET request for the given url 'data.xml'. It provides readyState property of XMLHttpRequest to get the state of the response. For example, the value 4 indicates that the load is completed. The property responseText contains the server response which allows to display the node values of XML file.

Here is the data.xml:

<Company>
<Employee>
<name>Angelina</name>
<address>Rohini,Delhi</address>
<designition>Engineer</designition>
</Employee>
</Company>

Here is the code:

<html>
<h2>XML HTTP Request</h2>
<script type="text/javascript">
function include(url,id) {
var xmlhttp = false;
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET", url,true);
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4) {
document.getElementById(id).innerHTML = xmlhttp.responseText;
}
}
xmlhttp.send(null)
}
</script>
<body onload="include('data.xml', 'div')";>
<b>Employee's Information:</b> <div id='div'></div>
</body>
</html>

Output will be displayed as:

Download Source Code:

       

Advertisement

If you enjoyed this post then why not add us on Google+? Add us to your Circles



Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: April 18, 2011

Related Tutorials

Discuss: JavaScript XML Http Request  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments:0
DMCA.com