Page 62 - Locaweb - Edição 30

::lw_programação
ferramenta :: ajax
ajaxRequest = new ActiveXObject(
"Microsoft.XMLHTTP");
} catch (e){
// Tratamento de erro
alert("O navegador
não aceita AJAX!");
return false;
}
}
}
Partindo da instância do
XMLHTTPRequest criada na variável
ajaxRequest, basta fazer uso do
objeto quando o estado da requisição
for “completa”, ou seja, igual a 4.
ajaxRequest.onreadystatechange = function()
{
if(ajaxRequest.readyState == 4){
alert(“Informação processada:” +
ajaxRequest.responseText);
}
}
ajaxRequest.open("GET", "texto.htm", true);
ajaxRequest.send(null);
O método open do objeto XMLHTTPRequest
possui três argumentos, nos quais informamos o método
a ser utilizado (GET ou POST), o caminho relativo para o
recurso requisitado ao servidor e um valor booleano que
informa se o processamento será assíncrono (true) ou
não (false). O método send é o responsável por realizar
o envio das informações e fazer a chamada assíncrona
propriamente dita. Caso necessite passar alguma variável
ao recurso requisitado, basta inseri-lo entre parênteses.
Este método só recebe parâmetros quando a requisição
for do tipo POST.
Outra possibilidade que o AJAX permite é a
configuração de cabeçalhos HTTP à chamada, pelo
método setRequestHeader(). Cabeçalhos HTTP
são informações que orientam como o recurso
requisitado por meio do protocolo de hipertexto
se comportará.Todo cabeçalho HTTP trabalha na
maneira chave e valor. Por exemplo: para fazer com
que a requisição ignore o cache e pegue sempre o
recurso em sua versão mais recente, é necessário
fazer: setRequestHeader(“Pragma”,“no-cache”). Existem
cabeçalhos para controlar várias características, outro
exemplo é a utilização deles para acertar a codificação do
documento requisitado, com o uso do setRequestHeader
(“encoding”,“utf-8”) também é possível informar o tipo de
conteúdo, com o setRequestHeader(“Content-Type”,“text/
xml”).Vale lembrar que dentro de uma requisição você
pode informar quantas informações forem necessárias no
cabeçalho HTTP.
Acelere o desenvolvimento
O que antes era tarefa árdua por causa das
limitações existentes nos browsers para interpretar o
Javascript, hoje em dia é facilitado em recursos não só
pela evolução dos navegadores, como também em tempo
de desenvolvimento. Isso ocorre devido à existência
de vários frameworks que encapsulam boa parte do
trabalho, auxiliando o desenvolvedor de maneira a
simplificar os passos necessários para aplicar AJAX em
suas páginas. Um destes frameworks, que tem feito
sucesso nos anos mais recentes, é o jQuery, que engloba
inúmeras funcionalidades do Javascript, dentre elas, o uso
de AJAX.
Para fazer uma simples chamada assíncrona a uma
página por meio de jQuery, podemos fazer como a seguir:
$(‘#conteudo’).load(‘texto.htm’);
Google News: página de notícias da empresa que detém o maior serviço de busca do
mundo foi umas das pioneiras a utilizar o AJAX para atualizar as informações
62