Nosso primeiro exemplo de AJAX
<html>
<body>
<script type="text/javascript">
function ronaldo()
{
var xmlhttp;
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
alert("Seu Navegador não suporta XMLHTTP!");
}
xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4)
{
document.Form.hora.value=xmlhttp.responseText;
}
}
xmlhttp.open("GET","hora.php",true);
xmlhttp.send(null);
}
</script>
<form name="Form">
Nome: <input type="text" name="usuario" onkeyup="ronaldo();" />
Hora: <input type="text" name="hora" />
</form>
</body>
</html>