Friday, February 19, 2010

AJAX

Ajax is something interesting and also the new trend. It is not another programming language but, a way to change the content of a web page without reloading it. JavaScript contains some objects relevant to working with AJAX.
ajax.js
function getXMLHttp()
{
var xmlHttp

try
{
//Firefox, Opera 8.0+, Safari
xmlHttp = new XMLHttpRequest();
}
catch(e)
{
//Internet Explorer
try
{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
alert("Your browser does not support AJAX!")
return false;
}
}
}
return xmlHttp;
}
function MakeRequest()
{
var xmlHttp = getXMLHttp();

xmlHttp.onreadystatechange = function()
{
if(xmlHttp.readyState == 4)
{
HandleResponse(xmlHttp.responseText);
}
}

xmlHttp.open("GET", "ex1.php", true);
xmlHttp.send(null);
}


function HandleResponse(response)
{
document.getElementById('ResponseDiv').innerHTML = response;
}