Javascript Ajax example

javascript trick

Posted by Daniel Vela on May 15, 2010
Read this page in a different language:

Code

function createXMLHttpRequest() {  
	try { return new XMLHttpRequest(); } catch(e) {}  
	try { return new ActiveXObject(β€œMsxml2.XMLHTTP”); } catch (e) {}  
	alert(β€œXMLHttpRequest not supported”);  
	return null;  
}  
function reloadGPSData() {  
	var xhReq = createXMLHttpRequest();  
	xhReq.open(β€œGET”, β€œgps.php?mode=ajax”, true);  
	xhReq.onreadystatechange = function() {  
		if (xhReq.readyState != 4) { return; }  
		if ( xhReq.status >= 400 ) {  
			alert(xhReq.status + β€˜: β€˜ + xhReq.statusText);  
			return;  
		}  
		if ( xhReq.status == 0 ) {  
			alert(β€œImposible conectar con el servidor.”);  
			return;  
		}  
		var json_text = xhReq.responseText;  
		var data = JSON.parse(json_text);  
		var latitude = data[0];  
		var longitude = data[1];  
		var satellites = data[2];  
		var error_desc = data[3];  
		document.getElementById(β€œlongitude”).value = longitude;  
		document.getElementById(β€œlatitude”).value = latitude;  
		document.getElementById(β€œsatellites”).value = satellites;  
		document.getElementById(β€œerror_desc”).innerHTML = error_desc;  
		setTimeout(β€˜reloadGPSData()’,1000);  
	}  
	xhReq.send(null);  
}