Revista_PROGRAMAR_5

a program ar
Páginas dinâm icas
com ASPe AJAX
Q ue m nunca pe nsou e m faze r um Ch at ou
um a Sh outBox? Exacto, m uitos de nós, no
e ntanto, algo tão fulcral com o a
actualização da conve rsa tornava-se um
q ue bra-cabe ças díficilde solucionar. O u se
fazia um re fre sh à página (algo de sagradáve l
e a e vitar), ou... Enfim , se ria ape nas m ais um
proje cto não concre tizado. O ra, foi
pre cisam e nte para solucionar e sse s
proble m as q ue nasce u o AJAX (Asynch ronous
JavaScriptand XM L).
Q uando falam os e m AJAX convém te r a
noção q ue não se trata propriam e nte de um a
linguage m de program ação nova, e m uito
m e nos se re fe re ao h abitualde te rge nte . Tratase
sim , de um a técnica para actualizar
inform ação rapidam e nte . Im agine m os, por
e xe m plo, um ch at. Com o h abitual H TM L
Re fre sh o brow se r iria carre gar a página toda
novam e nte . Já com o AJAX ape nas se rá
actualizado aq uilo q ue q uise rm os, ne ste caso,
o 'corpo' da conve rsa.
AJAX corre praticam e nte e m todos os
se rvidore s m as, para q ue possam os usufruir
de ste , pre cisare m os tam bém de um a
linguage m Se rve r-Side , ne ste caso o ASP. Além
disso o AJAX te m a particularidade de se r
ape nas visíve l e m brow se rs q ue te nh am
suporte com ple to XM L. Actualm e nte e xiste m
ape nas dois brow se rs a suportar totalm e nte
e sta te cnologia: o Inte rne tExplore r e o M ozi la
Fire fox. Em brow se rs com o o Safari ou o O pe ra
é com um as aplicaçõe s com AJAX
apre se ntare m alguns e rros, ou de ficiências.
M as, de ixe m o-nos de te oria e passe m os à
prática. Ire m os criar um a página de re gisto,
com a particularidade de garantir q ue não
h ajam use rnam e s re pe tidos.
Utilizador Pretendido:
A parte do '
', inclui o código AJAX para q ue
se ja possíve la ve rificação. Já o parágrafo
abaixo, se rá a taláre a e m q ue nos é dito se
o use rnam e já e xiste ou não. A acção
ve rificaUtilizador(th is.value ), re q ue re o
th is.value para q ue o brow se r saiba q ue
de ve actualizar a re sposta se m pre q ue o
te xto é alte rado. A função se m o th is.value
te ria de se r invocada por um botão através
do onClick por e xe m plo, caso contrário não
iria funcionar.
O código AJAX é o se guinte :
codigoAJAX.js (o código tam bém pode ria se r
inse rido na página do form ulário m as, por
m otivos de organização, se param o-lo).
function handleHttpResponse() {
if (http.readyState == 4) {
if (http.status == 200) {
if (http.responseText.indexOf(
'invalid') == -1) {
results = http.responseText.
split(",");
document.getElementById(
"resposta").innerHTML
= results[0];
emProceso = false;
}
}
}
}