Page 61 - Locaweb - Edição 30

locaweb
Na época do Internet Explorer 5, para fazer uso do
AJAX, era necessário implementar desta maneira:
var xmlhttp=new ActiveXObject(“Microsoft.XMLHttp”);
Com a chegada da versão 6 do navegador da
Microsoft, a maneira de implementar o recurso
mudou para:
var xmlhttp = new ActiveXObject(“MSXML2.
XMLHttp”);
Baseados na padronização daW3C, navegadores como
Firefox, Chrome, Konqueror, Safari e Opera utilizam uma
implementação mais simples:
var xmlhttp = new XMLHttpRequest();
Os estados do AJAX
As requisições assíncronas
realizadas com AJAX possuem
diferentes estados (readyStates). Eles
devem ser tratados na hora de elas
serem implementadas, para lidar com
as possíveis variações no resultado
de uma requisição. Os estados são:
0 – Não inicializado: o
objeto não foi inicializado e não
está preparado para ser usado.
1 – Carregando: significa que
o objeto XMLHTTPRequest está
carregando os dados requisitados
ao servidor.
2 – Carregado: significa que o dado
requisitado já foi carregado no objeto e está
somente aguardando o encerramento do
processamento desses dados.
3 – Interativo: significa que o
conteúdo do objeto está em estado de
processamento de modo a ser possível
interagir com o objeto XMLHTTPRequest.
4 – Completo: significa que o conteúdo já
foi processado e transferido para a página que
o requisitou. Neste ponto, o retorno gerado
pela página solicitada está pronto para ser
devidamente utilizado.
A partir daí, é possível fazer uso de uma simples
“receita de bolo” para as requisições AJAX via Javascript:
var ajaxRequest;
try{
// Firefox, Opera, Safari...
ajaxRequest = new XMLHttpRequest();
} catch (e){
// Internet Explorer superior à versão 6
try{
ajaxRequest = new ActiveXObject("Msxml2.
XMLHTTP");
} catch (e) {
try{
// Internet Explorer 6
Site dos Correios:
por meio de
funções AJAX, é
possível procurar CEPs
e preencher formulários
enquanto o sistema
retorna o dado
Com a utilização da função, é
possível, por exemplo, preencher
o campo CEP de um formulário
e, enquanto o usuário prossegue
com o preenchimento dos outros
campos, a aplicação faz uma
requisição ao servidor web
61