SlideShare a Scribd company logo
1 of 4
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

More Related Content

Viewers also liked

Decorator - Padrões de projeto
Decorator - Padrões de projetoDecorator - Padrões de projeto
Decorator - Padrões de projetoEduardo Mendes
 
Strategy - Padrões de Projeto
Strategy - Padrões de ProjetoStrategy - Padrões de Projeto
Strategy - Padrões de ProjetoEduardo Mendes
 
Java Web 5 - JSP, Expression Language e Taglibs
Java Web 5 - JSP, Expression Language e TaglibsJava Web 5 - JSP, Expression Language e Taglibs
Java Web 5 - JSP, Expression Language e TaglibsEduardo Mendes
 
Java Web 3 - Servlets e JSP 1
Java Web 3 - Servlets e JSP 1Java Web 3 - Servlets e JSP 1
Java Web 3 - Servlets e JSP 1Eduardo Mendes
 
Introdução a Padrões de Projeto
Introdução a Padrões de ProjetoIntrodução a Padrões de Projeto
Introdução a Padrões de ProjetoEduardo Mendes
 
Acesso a banco de dados com JDBC
Acesso a banco de dados com JDBCAcesso a banco de dados com JDBC
Acesso a banco de dados com JDBCEduardo Mendes
 
Arquitetura MVC, JavaBeans e DAO
Arquitetura MVC, JavaBeans e DAOArquitetura MVC, JavaBeans e DAO
Arquitetura MVC, JavaBeans e DAOLeonardo Sousa
 
Java Web 4 - Servlets e JSP 2
Java Web 4 - Servlets e JSP 2Java Web 4 - Servlets e JSP 2
Java Web 4 - Servlets e JSP 2Eduardo Mendes
 
Tutorial - Criando Banco com MySQL Workbench
Tutorial - Criando Banco com MySQL WorkbenchTutorial - Criando Banco com MySQL Workbench
Tutorial - Criando Banco com MySQL WorkbenchDaniel Brandão
 
Java Web - MVC básico com JSP e Servlets
Java Web - MVC básico com JSP e ServletsJava Web - MVC básico com JSP e Servlets
Java Web - MVC básico com JSP e ServletsEduardo Mendes
 
PHP e MySQL para iniciantes
PHP e MySQL para iniciantesPHP e MySQL para iniciantes
PHP e MySQL para iniciantesEduardo Mendes
 
Php e mysql aplicacao completa a partir do zero
Php e mysql   aplicacao completa a partir do zeroPhp e mysql   aplicacao completa a partir do zero
Php e mysql aplicacao completa a partir do zeroFred Ramos
 

Viewers also liked (14)

Java Web 1 Introducao
Java Web 1 IntroducaoJava Web 1 Introducao
Java Web 1 Introducao
 
Decorator - Padrões de projeto
Decorator - Padrões de projetoDecorator - Padrões de projeto
Decorator - Padrões de projeto
 
Strategy - Padrões de Projeto
Strategy - Padrões de ProjetoStrategy - Padrões de Projeto
Strategy - Padrões de Projeto
 
Java Web 5 - JSP, Expression Language e Taglibs
Java Web 5 - JSP, Expression Language e TaglibsJava Web 5 - JSP, Expression Language e Taglibs
Java Web 5 - JSP, Expression Language e Taglibs
 
Java Web 3 - Servlets e JSP 1
Java Web 3 - Servlets e JSP 1Java Web 3 - Servlets e JSP 1
Java Web 3 - Servlets e JSP 1
 
BDD com Cucumber
BDD com CucumberBDD com Cucumber
BDD com Cucumber
 
Introdução a Padrões de Projeto
Introdução a Padrões de ProjetoIntrodução a Padrões de Projeto
Introdução a Padrões de Projeto
 
Acesso a banco de dados com JDBC
Acesso a banco de dados com JDBCAcesso a banco de dados com JDBC
Acesso a banco de dados com JDBC
 
Arquitetura MVC, JavaBeans e DAO
Arquitetura MVC, JavaBeans e DAOArquitetura MVC, JavaBeans e DAO
Arquitetura MVC, JavaBeans e DAO
 
Java Web 4 - Servlets e JSP 2
Java Web 4 - Servlets e JSP 2Java Web 4 - Servlets e JSP 2
Java Web 4 - Servlets e JSP 2
 
Tutorial - Criando Banco com MySQL Workbench
Tutorial - Criando Banco com MySQL WorkbenchTutorial - Criando Banco com MySQL Workbench
Tutorial - Criando Banco com MySQL Workbench
 
Java Web - MVC básico com JSP e Servlets
Java Web - MVC básico com JSP e ServletsJava Web - MVC básico com JSP e Servlets
Java Web - MVC básico com JSP e Servlets
 
PHP e MySQL para iniciantes
PHP e MySQL para iniciantesPHP e MySQL para iniciantes
PHP e MySQL para iniciantes
 
Php e mysql aplicacao completa a partir do zero
Php e mysql   aplicacao completa a partir do zeroPhp e mysql   aplicacao completa a partir do zero
Php e mysql aplicacao completa a partir do zero
 

Similar to Aprendendo e entendendo o ajax (20)

Ajax
AjaxAjax
Ajax
 
jQuery e ASP.Net MVC a dupla dinâmica
jQuery e ASP.Net MVC a dupla dinâmicajQuery e ASP.Net MVC a dupla dinâmica
jQuery e ASP.Net MVC a dupla dinâmica
 
Ajax
AjaxAjax
Ajax
 
Minicurso Smsi
Minicurso SmsiMinicurso Smsi
Minicurso Smsi
 
CóPia De Minicurso Smsi
CóPia De Minicurso SmsiCóPia De Minicurso Smsi
CóPia De Minicurso Smsi
 
Tutorial de ajax
Tutorial de ajaxTutorial de ajax
Tutorial de ajax
 
8159540 Tutorial De Ajax
8159540 Tutorial De Ajax8159540 Tutorial De Ajax
8159540 Tutorial De Ajax
 
Java Script
Java ScriptJava Script
Java Script
 
introdução a ajax
introdução a ajaxintrodução a ajax
introdução a ajax
 
Conceitos de Ajax
Conceitos de AjaxConceitos de Ajax
Conceitos de Ajax
 
Ajax
AjaxAjax
Ajax
 
Apostila ajax
Apostila ajaxApostila ajax
Apostila ajax
 
O que é Web 2.0
O que é Web 2.0O que é Web 2.0
O que é Web 2.0
 
Prototype Framework Javascript
Prototype Framework JavascriptPrototype Framework Javascript
Prototype Framework Javascript
 
Ajax para quem_ouviu_falar
Ajax para quem_ouviu_falarAjax para quem_ouviu_falar
Ajax para quem_ouviu_falar
 
Tutorial struts
Tutorial strutsTutorial struts
Tutorial struts
 
jQuery e ASP.Net mvc2
jQuery e ASP.Net mvc2jQuery e ASP.Net mvc2
jQuery e ASP.Net mvc2
 
Trabalho jQuery
Trabalho jQueryTrabalho jQuery
Trabalho jQuery
 
ApresentaçãO Mvc
ApresentaçãO MvcApresentaçãO Mvc
ApresentaçãO Mvc
 
Apresentação M V C
Apresentação M V CApresentação M V C
Apresentação M V C
 

Recently uploaded

Treinamento de NR06 Equipamento de Proteção Individual
Treinamento de NR06 Equipamento de Proteção IndividualTreinamento de NR06 Equipamento de Proteção Individual
Treinamento de NR06 Equipamento de Proteção Individualpablocastilho3
 
Livro Vibrações Mecânicas - Rao Singiresu - 4ª Ed.pdf
Livro Vibrações Mecânicas - Rao Singiresu - 4ª Ed.pdfLivro Vibrações Mecânicas - Rao Singiresu - 4ª Ed.pdf
Livro Vibrações Mecânicas - Rao Singiresu - 4ª Ed.pdfSamuel Ramos
 
Tecnólogo em Mecatrônica - Universidade Anhanguera
Tecnólogo em Mecatrônica - Universidade AnhangueraTecnólogo em Mecatrônica - Universidade Anhanguera
Tecnólogo em Mecatrônica - Universidade AnhangueraGuilhermeLucio9
 
A EXTENSÃO RURAL NO BRASIL Sociologia e Extensão 1 2014.ppt
A EXTENSÃO RURAL NO BRASIL Sociologia e Extensão 1 2014.pptA EXTENSÃO RURAL NO BRASIL Sociologia e Extensão 1 2014.ppt
A EXTENSÃO RURAL NO BRASIL Sociologia e Extensão 1 2014.pptssuserb964fe
 
A Importância dos EPI's no trabalho e no dia a dia laboral
A Importância dos EPI's no trabalho e no dia a dia laboralA Importância dos EPI's no trabalho e no dia a dia laboral
A Importância dos EPI's no trabalho e no dia a dia laboralFranciscaArrudadaSil
 
LEAN SIX SIGMA - Garantia da qualidade e segurança
LEAN SIX SIGMA - Garantia da qualidade e segurançaLEAN SIX SIGMA - Garantia da qualidade e segurança
LEAN SIX SIGMA - Garantia da qualidade e segurançaGuilhermeLucio9
 
Eletricista instalador - Senai Almirante Tamandaré
Eletricista instalador - Senai Almirante TamandaréEletricista instalador - Senai Almirante Tamandaré
Eletricista instalador - Senai Almirante TamandaréGuilhermeLucio9
 

Recently uploaded (7)

Treinamento de NR06 Equipamento de Proteção Individual
Treinamento de NR06 Equipamento de Proteção IndividualTreinamento de NR06 Equipamento de Proteção Individual
Treinamento de NR06 Equipamento de Proteção Individual
 
Livro Vibrações Mecânicas - Rao Singiresu - 4ª Ed.pdf
Livro Vibrações Mecânicas - Rao Singiresu - 4ª Ed.pdfLivro Vibrações Mecânicas - Rao Singiresu - 4ª Ed.pdf
Livro Vibrações Mecânicas - Rao Singiresu - 4ª Ed.pdf
 
Tecnólogo em Mecatrônica - Universidade Anhanguera
Tecnólogo em Mecatrônica - Universidade AnhangueraTecnólogo em Mecatrônica - Universidade Anhanguera
Tecnólogo em Mecatrônica - Universidade Anhanguera
 
A EXTENSÃO RURAL NO BRASIL Sociologia e Extensão 1 2014.ppt
A EXTENSÃO RURAL NO BRASIL Sociologia e Extensão 1 2014.pptA EXTENSÃO RURAL NO BRASIL Sociologia e Extensão 1 2014.ppt
A EXTENSÃO RURAL NO BRASIL Sociologia e Extensão 1 2014.ppt
 
A Importância dos EPI's no trabalho e no dia a dia laboral
A Importância dos EPI's no trabalho e no dia a dia laboralA Importância dos EPI's no trabalho e no dia a dia laboral
A Importância dos EPI's no trabalho e no dia a dia laboral
 
LEAN SIX SIGMA - Garantia da qualidade e segurança
LEAN SIX SIGMA - Garantia da qualidade e segurançaLEAN SIX SIGMA - Garantia da qualidade e segurança
LEAN SIX SIGMA - Garantia da qualidade e segurança
 
Eletricista instalador - Senai Almirante Tamandaré
Eletricista instalador - Senai Almirante TamandaréEletricista instalador - Senai Almirante Tamandaré
Eletricista instalador - Senai Almirante Tamandaré
 

Aprendendo e entendendo o ajax

  • 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. 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. 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. 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