O Ajax e seu funcionamento

O AJAX e o seu funcionamento na Internet. AJAX é carregar e renderizar uma página, utilizando recursos de scripts rodando pelo lado cliente, buscando e carregando dados em background sem a necessidade de reload da página.

Por Programação Pular para comentários

AJAX ? carregar e renderizar uma p?gina, utilizando recursos de scripts rodando pelo lado cliente, buscando e carregando dados em background sem a necessidade de reload da p?gina. AJAX ? acr?nimo para: Asynchronous JavaScript And XML e foi gerado por Jesse James Garret, em um artigo no site http://www.adaptivepath.com/publications/essays/archives/000385.php, da sua empresa Adaptive Path, em fevereiro de 2005. Ajax n?o ? 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.


Como se trabalha com o AJAX


Enquanto em uma aplica??o Web cl?ssica o navegador tem que ir buscar as informa?es no servidor e retornar para o cliente, no Ajax ocorre de forma diferente. No carregamento da p?gina, toda a l?gica de processamento de dados ? passado ao cliente. Quando o usu?rio faz uma requisi??o, quem busca e tr?s essas informa?es ? o JavaScript, de forma ass?ncrona, n?o causando assim o chamado ?reload? na tela. O tratamento dos dados, seu formato e exibi??o fica toda por conta do script que foi carregado inicialmente quando se acessou a p?gina. O processo inicial de carregamento ? mais lento que de uma aplica??o comum, pois muitas informa?es s?o pr?-carregadas. Mas depois, somente os dados s?o carregados, tornando assim o site mais r?pido.


Criando uma p?gina com Ajax


Com o uso do objeto XMLHttpRequest, que faz parte do padr?o ECMA e est? presente em todas as boas vers?es do Javascript. Os browsers que suportam esse padr?o s?o:
  • Opera 8
  • Mozilla e Firefox
  • Konqueror
  • Safari
  • Al?m disso o Internet Explorer, desde a vers?o 5, suporta o Microsoft XMLHTTP, um substituto para o XMLHttpRequest.


H? duas maneiras de se fazer uma requisi??o com um objeto XMLHttpRequest, uma ? s?ncrona, outra ass?ncrona. No modo s?ncrono, quando voc? manda o objeto fazer uma requisi??o, o seu script ? interrompido esperando pelo retorno. No modo ass?ncrono a requisi??o ? feita em segundo plano e seu script continua a ser executado. Em modo s?ncrono, voc? tem o problema de ter seu navegador congelado enquanto seu script ? executado. E isso ? ruim, pois podem ser que seja r?pida a requisi??o e pode ser que n?o, ai voc? pergunta, ser? que est? funcionando ou travou? O neg?cio ? evitar esse m?todo.


Entendendo o AJAX


Para ter a forma com que o objeto XMLHttpRequest vai trabalhar, voc? tem que alterar o terceiro par?metro do m?todo open. Com esse par?metro em true, no terceiro par?metro do m?todo open, coloca o objeto em modo ass?ncrono. O m?todo open do objeto XMLHttpRequest permite abrir um documento, passar argumentos para ele e capturar uma resposta. Com apenas dois m?todos poss?veis de se utilizar para acessar um documento: GET e POST, o m?todo usado no exemplo ? GET. No entanto se a quantidade de informa?es a ser passada for muito grande voc? dever? alterar para o m?todo POST. O m?todo send ativa a conex?o e faz a requisi??o de informa?es ao documento aberto pelo m?todo open. Este m?todo possui somente um par?metro que serve para enviar dados extras ao documento que est? sendo acessado.

Leia tamb?m:

O browser Internet Explorer n?o o obriga a passar nenhum par?metro, mas outros navegadores como o Mozilla, exige algum dado, neste caso, a solu??o foi enviar null, mesmo n?o havendo necessidade de passar nenhum par?metro. Ao fazer a requisi??o o objeto vai executar o m?todo onreadyStatechange. Esse c?digo vai ser executado v?rias vezes durante a requisi??o, por isso ? testado readyState. Quando readyState tiver o valor 4, significa que a requisi??o foi conclu?da e que ? poss?vel ler o retorno e trabalhar com ele. Para capturar a resposta do documento web acessado, voc? tem duas propriedades do objeto XMLHttpRequest: responseText e responseXML.

A propriedade responseText cont?m 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.

Mais sobre: ajax, javascript
Compartilhe com seus amigos:
Alberto Bezerra
Alberto Bezerra Graduando em Design com ênfase em Produto pela Universidade Federal de Pernambuco
FACEBOOK //
Quer conversar com o(a) Alberto, comente:
Carregar comentários
Quantos celulares a Motorola tem em linha?
5(14,97%)
10(55,56%)
15(11,56%)
20(9,52%)
26(8,39%)