Ajax

O que AJAX?
AJAX acrnimo para: Asynchronous JavaScript And XML e
foi gerado por Jesse James Garret, em um artigo no site
http://www.adaptivepath.com/publications/essays/archive
s/000385.php, da sua empresa Adaptive Path, em fevereiro
de 2005.
Ajax no uma tecnologia, mas sim um conjunto de
tecnologias. O conceito de AJAX se resume em conhecer
bem JavaScript, trabalhando com DOM (Document Object
Model), CSS (Cascading Style Sheets) e XML.
AJAX carregar e renderizar uma pgina, utilizando
recursos de scripts rodando pelo lado cliente, buscando e
carregando dados em background sem a necessidade de
reload da pgina.
 Enquanto em uma aplicao Web clssica o navegador tem
que ir buscar as informaes no servidor e retornar para o
cliente, no Ajax ocorre de forma diferente.

No carregamento da pgina, toda a lgica de

processamento de dados passado ao cliente. Quando o
usurio faz uma requisio, quem busca e trs essas
informaes o JavaScript, de forma assncrona, no
Como o AJAX causando assim o chamado reload na tela.

trabalha? O tratamento dos dados, seu formato e exibio fica toda

por conta do script que foi carregado inicialmente quando
se acessou a pgina.

O processo inicial de carregamento mais lento que de

uma aplicao comum, pois muitas informaes so pr-
carregadas. Mas depois, somente os dados so carregados,
tornando assim o site mais rpido.
 Com o uso do objeto XMLHttpRequest, que faz parte do
padro ECMA e est presente em todas as boas verses
do JavaScript. Os browsers que suportam esse padro
so:
Opera 8
Mozilla e Firefox
Criando uma Konqueror

pgina com Ajax Safari

Alm disso o Internet Explorer, desde a verso 5, suporta

o Microsoft XMLHTTP, um substituto para
o XMLHttpRequest.
 H duas maneiras de se fazer uma requisio com um
objeto XMLHttpRequest, uma sncrona, outra
assncrona.
No modo sncrono, quando voc manda o objeto fazer
uma requisio, o seu script interrompido esperando
pelo retorno. Em modo sncrono, voc tem o problema
de ter seu navegador congelado enquanto seu script
Requisies executado.

com Ajax E isso ruim, pois podem ser que seja rpida a
requisio e pode ser que no, ai voc pergunta, ser
que est funcionando ou travou? O negcio evitar
esse mtodo.
No modo assncrono a requisio feita em segundo
plano e seu script continua a ser executado.
 Para ter a forma com que o objeto XMLHttpRequest vai
trabalhar, voc tem que alterar o terceiro parmetro do
mtodo open.
Com esse parmetro em true, no terceiro parmetro do
mtodo open, coloca o objeto em modo assncrono.

Entendendo o O mtodo open do objeto XMLHttpRequest permite

abrir um documento, passar argumentos para ele e
AJAX capturar uma resposta.
Com apenas dois mtodos possveis de se utilizar para
acessar um documento: GET e POST, o mtodo usado
no exemplo GET. No entanto se a quantidade de
informaes a ser passada for muito grande voc
dever alterar para o mtodo POST.
 O mtodo send ativa a conexo e faz a requisio de
informaes ao documento aberto pelo mtodo open.
Este mtodo possui somente um parmetro que serve
para enviar dados extras ao documento que est sendo
acessado.
O browser Internet Explorer no o obriga a passar
Entendendo o nenhum parmetro, mas outros navegadores como o

AJAX Mozilla, exige algum dado, neste caso, a soluo foi

enviar null, mesmo no havendo necessidade de passar
nenhum parmetro.
Ao fazer a requisio o objeto vai executar o mtodo
onreadyStatechange.
 Esse cdigo vai ser executado vrias vezes durante a
requisio, por isso testado readyState.
Quando readyState tiver o valor 4, significa que a
requisio foi concluda e que possvel ler o retorno e
trabalhar com ele.

Entendendo o Para capturar a resposta do documento web acessado,

voc tem duas propriedades do
AJAX objeto XMLHttpRequest: responseText e responseXML.
A propriedade responseText contm o retorno do
documento web acessado na forma de texto.
J a propriedade responseXML retorna um objeto DOM,
em formato XML, podendo ser manipulado facilmente.
Exemplo pgina
13 apostila
JavaScript