Aprendendo e Entendendo o AJAX

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:

• Apresentação baseada em padrões, usando XHTML e CSS;
• Exposição e interação dinâmica usando o DOM;
• Intercâmbio e manipulação de dados usando XML e XSLT;
• Recuperação assíncrona de dados usando o objeto XMLHttpRequest;
• 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.

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:

• HTML - usado para construir os formulários web e identificar campos e controles para uso no restante da aplicação web;
• JavaScript - É um dos pilares do AJAX e coordena a comunicação com as aplicações no servidor;
• DHTML - ajuda a atualizar formulário de forma dinâmica;
• 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:

Para você poder usar todos estes recursos vai precisar ter instalado os seguintes aplicativos:

• Visual Web Developer Express Edition
• Ajax Control ToolKit - Uma biblioteca completa feita em JavaScript puro e com grande capacidade de expansão para todas as plataformas;

No Visual Studio 2008 o Ajax vem nativo conforme ilustra a Figura 2, para versões anteriores deverá ser instalado através do site.

Instalando o Ajax Control ToolKit

1. 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;
2. A seguir informe o nome Ajax ControlToolKit para esta aba;
3. A seguir clique com o botão direito do mouse sobre a aba criada e selecione a opção Choose Itens;
4. Na janela Choose ToolBox Itens clique no botão Browse e procure pela pasta onde você descompactou o arquivo Ajax Control Toolkit;
5. Você deverá ver uma pasta chamada SampleWebSite, e sob esta pasta outra pasta chamada Bin. Abra a pasta Bin;
6. 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;
7. 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.

Feito isso está instalado o AJAX, agora só nos resta começar a brincar com ele.

Alguns exemplos podem ser encontrados aqui.

Abraço pessoal e até o Próximo.