Conforme foi descrito no artigo anterior, a tecnologia assincrona AJAX permite a actualização de determinados campos on the fly. No exemplo que se segue deve criar uma div com id=”nome_da_div”, e dois campos  (inputs) type text com id=”caixadetexto1″ e “caixadetexto2″

function ApresentaSomaNumaDIV(){
var t1, t2, nome_da_div;
nome_da_div = document.getElementById(’nome_da_div’);
t1 = document.getElementById(’caixadetexto1′).value;
t2 = document.getElementById(’caixadetexto2′).value;
ajax=AndArtsAjax();
ajax.open(”GET”, “soma.php?t1=”+t1+”&t2=”+t2,true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
nome_da_div.innerHTML = ajax.responseText
}
}
ajax.send(null)
}

Nota, neste caso tb deve haver um file em PHP que faça o processamento

<?php /* Exemplo do file soma.php*/

$total = $_GET['t1']+ $_GET['t2'];

echo $total;

?>

O que é o AJAX?

Asynchronous JavaScript And XML é uma tecnologia baseada em javascript que permite actualizações do lado do cliente de determinado estado sem necessidade de fazer necessidade de refresh  ou submit. Obviamente esta tecnologia permite ter aplicações, server side, sem actualização do lado do cliente.  Este tipo de tecnologia permite poupar recursos ao servidor e evita que o utilizador tenha de sair da página aonde está, de forma a processar, validar uma determinada opção. Por exemplo, uma pré-validação de um campo em função da base de dados, suponha que se pretende informar ao utilizador que aquele nome de utilizador já se encontra em utilização versus submeter a informação e esperar pela verificação se o utilizador existe e uma nova página sobre o “erro”.

function AndArtsAjax(){
var xmlhttp=false;
try {
xmlhttp = new ActiveXObject(”Msxml2.XMLHTTP”);
} catch (e) {
try {
xmlhttp = new ActiveXObject(”Microsoft.XMLHTTP”);
} catch (E) {
xmlhttp = false;
}
}

if (!xmlhttp && typeof XMLHttpRequest!=’undefined’) {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}

Como pode verificar este código usa a mesma nomenclatura javascript e representa um exemplo de AJAX.

Mauro Bragança