Pacecode Blog » javascript helpers zone http://www.pacecode.com/blog Tips, Scripts and More... Sat, 03 Dec 2011 09:45:37 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Part of Page refresh using AJAX with timed delay http://www.pacecode.com/blog/2008/09/21/part-of-page-refresh-using-ajax-with-timed-delay/ http://www.pacecode.com/blog/2008/09/21/part-of-page-refresh-using-ajax-with-timed-delay/#comments Sun, 21 Sep 2008 16:55:09 +0000 admin http://www.pacecode.com/blog/?p=9

<head>
<script type="text/javascript">
function makAx() // this function to activate XMLHttpRequest Object
{
try
{
xm = new ActiveXObject("Msxml2.XMLHTTP");
return true;
}
catch (e)
{
try
{
xm = new ActiveXObject("Microsoft.XMLHTTP");
return true;
}
catch (e2)
{
xm = false;
}
}
if (!xm && typeof XMLHttpRequest != ‘undefined’)
{
xm = new XMLHttpRequest();
return true;
}
}
function showImages()
{
if(makAx()) // XMLHttpRequest checked here
{
url = "external-page-for-db-query.php"; // this file will contains your db query
callavail();
}
}
function callavail()
{
xm.open("GET",url,true); // This is ajax functionality. It may have true(for synchronous request) or false(for asynchronous request)
xm.onreadystatechange = cavail;
xm.send(null);
}
function cavail()
{
if(xm.readyState == 4) // If ready state reached
{
var response = xm.responseText;
var str = document.getElementById("showResult"); // result of "external-page-for-db-query.php" will come here
str.innerHTML = response;
setTimeout("showImages()",1000); // here 1000 represents one second for time delay. showImage() function will be called with the specified time delay
}
}
</script>
</head>

<body>
<div id="showResult"></div> <!–page result will be displayed here–>
</body>
</html>

]]> http://www.pacecode.com/blog/2008/09/21/part-of-page-refresh-using-ajax-with-timed-delay/feed/ 2