<!-- FirstPage.html -->
[HTML]<html>
<head>
<title>Ajax Testing</title>
<script type="text/javascript" language="javascript">
function AjaxRequest(url) {
var http_request = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/xml');
// See note below about this line
}
} else if (window.ActiveXObject) { // IE
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) {
alert('Giving up :( Cannot create an XMLHTTP instance');
return false;
}
http_request.onreadystatechange = function() { showhtmlpageContents(http_request); };
http_request.open('GET', url, true);
http_request.send(null);
}
function showhtmlpageContents(http_request) {
if (http_request.readyState == 4) {
if (http_request.status == 200) {
alert(http_request.responseText);
} else {
alert('There was a problem with the request.');
}
}
}
</script>
</head>
<body>
<a href
onclick="AjaxRequest('SecondPage.html')">
Call page using Asynchronous javascript and xml
</a>
</body>
</html>[/HTML]
<!--SecondPage.html
The Second page I am calling from First page -->
[HTML]<html>
<head>Ajax response</head>
<body>
Ajax
</body>
</html>[/HTML]