Ajax request onFailure

<?
if (isset($_GET['ajax'])) {
	sleep(5);
	die();
}
 
 
?>
<a href="#" onclick="waitforajax(2);">testing timeout (waits 2 seconds)</a><Br>
<a href="#" onclick="waitforajax(6);">testing normal (waits 6 seconds)</a><Br>
 
 
<div id="started"></div>
<div id="finished"></div>
<div id="timeout"></div>
 
<script>
 
var started='';
var wait=0;
 
function doTime() {
 
 
 
	var currentDate = new Date();
	return parseFloat(currentDate.getTime())/1000;
}
 
 
function waitforajax(seconds) {
	document.getElementById('started').innerHTML = '';
	document.getElementById('finished').innerHTML = '';
	document.getElementById('timeout').innerHTML = '';
 
	started = doTime();
	wait = seconds;
	document.getElementById('started').innerHTML =  'AJAX Request started at :'+started;
 
	ajax_request('testajax.php?ajax=1','GET','','checkresponse');
}
 
function checkresponse()
{
 
	var now;
 
	now = doTime();
 
	if ((parseFloat(now)-parseFloat(started)) > wait)
	{
		document.getElementById('timeout').innerHTML =  'Timeouted after '+wait+'seconds!';
	}
	else
	{
 
 
		var iserr = false;
		if (xmlhttp.readyState==4)
		{
			if (xmlhttp.status==200)
			{
				document.getElementById('finished').innerHTML = 'AJAX Request finished at '+now+' with http code '+ xmlhttp.status;
				var resp = xmlhttp.responseText;
 
			}
			else
			{
				alert("Problem retrieving data:" + xmlhttp.statusText)
			}
		}
		else
		{
 
		}
	}
}
 
 
 
 
/**
* XML HTTP Request. Works with in cinjuction with the specified myfunc function which checks if the request was succesfull
*
* @param string $url
* @param POST-or-GET $method
* @param urlencoded-string $data
* @param string $myfunc
*/
function ajax_request(url,method,data,myfunc)
{
 
	if (window.XMLHttpRequest)
	{
		xmlhttp=new XMLHttpRequest()
		if (method=="GET")
		{
			xmlhttp.onreadystatechange=eval(myfunc)
			xmlhttp.open("GET",url,true)
			xmlhttp.send(null)
		}
		if (method=="POST")
		{
			xmlhttp.onreadystatechange=eval(myfunc)
			xmlhttp.open("POST", url, true);
			xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
			xmlhttp.send(data)
		}
	}
	// code for IE
	else if (window.ActiveXObject)
	{
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
		if (xmlhttp)
		{
			if (method=="GET")
			{
				xmlhttp.onreadystatechange=eval(myfunc)
				xmlhttp.open("GET",url,true)
				xmlhttp.send()
			}
			if (method=="POST")
			{
				xmlhttp.onreadystatechange=eval(myfunc)
				xmlhttp.open("POST", url, true);
				xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
				xmlhttp.send(data)
			}
		}
	}
}
 
 
</script>

Select all Open in new window