Aprendendo e entendendo o ajax

Aprendendo e Entendendo o AJAX
Aprenda com este artigo o que é o AJAX
(Asynchronous JavaScript and XML).
por Leandro Braçaroto
0 0 0 1
De acordo com nosso amigo WikiPédia, AJAX é uma sigla para o termo Asynchronous JavaScript
and XML. Quem ouve falar pela primeira vez sobre o termo e procura informações em sites de busca
acaba bastante perdido. Muitos pensam em achar algum framework ou biblioteca com este nome e
acabam não encontrando nada do que é esperado. Ajax nada mais é do que o uso sistemático de
tecnologias providas por navegadores, como Javascript e XML, para tornar páginas mais interativas
com o usuário, utilizando-se de solicitações assíncronas de informações. AJAX não é somente um
novo modelo, é também uma iniciativa na construção de aplicações web mais dinâmicas e criativas.
AJAX não é uma tecnologia, são realmente várias tecnologias conhecidas trabalhando juntas, cada
uma fazendo sua parte, oferecendo novas funcionalidades. AJAX incorpora em seu modelo:
o Apresentação baseada em padrões, usando XHTML e CSS;
o Exposição e interação dinâmica usando o DOM;
o Intercâmbio e manipulação de dados usando XML e XSLT;
o Recuperação assíncrona de dados usando o objeto XMLHttpRequest;
o e JavaScript unindo todas elas em conjunto.
A abordagem do AJAX consiste em usar todas estas tecnologias no lado cliente para criar uma
camada adicional de software entre o browser e o servidor web. E ter como resultado final uma
enorme recompensa, garantindo um menor tráfego na rede, uma interface mais rica, dinâmica e com
um menor tempo de resposta.
O framework Microsoft ASP.NET AJAX incorpora a tecnologia Ajax de desenvolvimento para web
sendo uma evolução da tecnologia ATLAS.
Nota: Existem outros frameworks que incorporam a tecnologia AJAX. Dentre os que são grátis os
mais conhecidos para a plataforma .NET são:
o Ajax.NET - http://ajax.schwarz-interactive.de/CSharpSample/
o Anthem.NET - http://sourceforge.net/projects/anthem-dot-net
o MagicAjax - http://sourceforge.net/projects/magicajax
Vejam também neste site: http://www.daniel-zeiss.de/AJAXComparison/Results.htm um
comparativo entre diversos Frameworks AJAX.
Na versão do ASP.NET AJAX, basta você arrastar e soltar alguns controles ASP.NET AJAX no seu
formulário web , como qualquer controle ASP.NET, para ter os recursos da tecnologia AJAX sem
precisar conhecer nada de JavaScript, DHTML, etc.
As tecnologias básicas que sustentam o ASP.NET AJAX , além é claro desde o .NET Framework
2.0, são:
o HTML - usado para construir os formulários web e identificar campos e controles para uso
no restante da aplicação web;
o JavaScript - É um dos pilares do AJAX e coordena a comunicação com as aplicações no
servidor;
o DHTML - ajuda a atualizar formulário de forma dinâmica;

o DOM - Documento Object Model - é usado juntamente com código JavaScript para trabalhar
com o HTML e o XML retornado do servidor;
A seguir temos a Figura 1 comparando o modelo tradicional para aplicações web com o modelo
AJax :
Figura 1 - Comparação entre os modelos
Fonte: http://www.adaptivepath.com/publications/essays/archives/000385.php
Para você poder usar todos estes recursos vai precisar ter instalado os seguintes aplicativos:
o Visual Web Developer Express
Edition - http://msdn.microsoft.com/vstudio/express/downloads/
o Ajax Control ToolKit - Uma biblioteca completa feita em JavaScript puro e com grande
capacidade de expansão para todas as plataformas;
http://www.asp.net/ajax/ajaxcontroltoolkit/samples/Default.aspx
No Visual Studio 2008 o Ajax vem nativo conforme ilustra a Figura 2, para versões anteriores
deverá ser instalado em http://ajax.asp.net/.

Figura 2 - ToolBox com AJAX
Instalando o Ajax Control ToolKit
Vamos agora instalar a biblioteca do Ajax Control ToolKit, para isso clique com o botão direito do
mouse sobre a aba ToolBox e clique com o botão direito do mouse selecionando a opção Add Tab;
A seguir informe o nome Ajax ControlToolKit para esta aba;
A seguir clique com o botão direito do mouse sobre a aba criada e selecione a opção Choose Itens;
Na janela Choose ToolBox Itens clique no botão Browse e procure pela pasta onde você
descompactou o arquivo Ajax Control Toolkit;
Você deverá ver uma pasta chamada SampleWebSite, e sob esta pasta outra pasta chamada Bin.
Abra a pasta Bin;
No interior da pasta Bin selecione o arquivo AjaxControlToolkit.dll e clique no botão Open e a
seguir voltando a janela anterior clique em OK;
Você deverá ver na aba AJAX Extensions conforme a Figura 3 uma grande quantidade de novos
controles disponíveis para utilização em suas página ASP.NET.
Para instalar o template AJAX Control Toolkit localize a pasta onde você descompactou o pacote
Ajax Control ToolKit e localize a pasta AjaxControlExtender;
A seguir abra a pasta e localize o arquivo AjaxControlExtender.vsi e clique duas vezes sobre ele
para instalar;
Selecione os templates que deseja instalar e clique em Finish para instalar os templates.

Figura 3 - Controles do ToolKit
Feito isso está instalado o AJAX, agora só nos resta começar a brincar com ele.
Alguns exemplos podem ser encontrados no endereço http://miniajax.com/.
Read more:http://www.linhadecodigo.com.br/artigo/1709/aprendendo-e-entendendo-o-ajax.aspx#ixzz3dkwXOm42

Aprendendo e entendendo o ajax

Mais conteúdo relacionado

Destaque (14)

Semelhante a Aprendendo e entendendo o ajax (20)

Último (20)

Aprendendo e entendendo o ajax