Aprendendo e entendendo o ajax

131 visualizações

Publicada em

Aprendendo Ajax

Publicada em: Engenharia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
131
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
0
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Aprendendo e entendendo o ajax

  1. 1. 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;
  2. 2. 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/.
  3. 3. 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.
  4. 4. 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

×