JavaScript XML Http Request

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:


Here is the code:

<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");
}"GET", url,true);
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4) {
document.getElementById(id).innerHTML = xmlhttp.responseText;
<body onload="include('data.xml', 'div')";>
<b>Employee's Information:</b> <div id='div'></div>

Output will be displayed as:

Download Source Code:


Share on Google+Share on Google+

JavaScript XML Http Request

Posted on: April 18, 2011 If you enjoyed this post then why not add us on Google+? Add us to your Circles



Discuss: JavaScript XML Http Request  

Post your Comment

Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image