O código HTML, em construção, abaixo demonstra a utilização de AJAX.
<html>
<head>
<script language=”JavaScript”>
function submitForm()
{
var xhr=null;
try
{ xhr = new object(); }
catch(e) {}
xhr.onreadystatechange = function()
{
document.ajax.dyn.value=”Wait server...”;
if(xhr.readyState == 4)
{
if(xhr.status == 200)
{ document.ajax.dyn.value=”Recebido:” + xhr.responseText; }
else
{ document.ajax.dyn.value=”Erro: “ + xhr.status + “ “ + xhr.statusText; }
}
};
xhr.open(“GET”, “data.xml”, true);
xhr.send(null);
} </script>
</head>
<body>
<FORM method=”POST” name=”ajax” action=””>
<INPUT type=”submit” value=”Submit” ONCLICK=”submitForm()”>
<INPUT type=”text” name=”dyn” value=””>
</FORM>
</body>
</html>
Para que esse código possa utilizar a tecnologia AJAX, na linha “xhr = new object();”, “xhr” deve receber um objeto Javascript que torna possível a comunicação assíncrona com o servidor, sem a necessidade de recarregar a página por completo. Para tanto, no código acima, “object” deve ser substituído por
