![Page 1: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/1.jpg)
Alunos:Heloísa de Souza GlóriaLaís de Oliveira Souza
Luiz Felipe Correa ChiaradiaRenata Tomaz Siega
![Page 2: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/2.jpg)
Inicialmente desenvolvido por Jessé James Garret;
Começou a ser utilizado por volta dos anos 2000;
Inicialmente não foi utilizado em larga escala por problemas de compatibilidade com navegadores.
![Page 3: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/3.jpg)
Acrônimo de Asynchronous JavaScript and XML;
Combina tecnologias conhecidas como JavaScript, XML, PHP, ASP, DHTML entre outras;
É baseado em pedidos do JavaScript e do HTTP.
![Page 4: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/4.jpg)
AJAX não é uma API, nem um framework, nem uma tecnologia;
AJAX é uma funcionalidade implementada por um conjunto de ferramentas visando otimizar o uso das páginas da Web.
![Page 5: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/5.jpg)
Sua principal característica é melhorar a interatividade entre o cliente e o servidor;
Elimina a necessidade de ficar carregando certas áreas da página de forma desnecessária;
Melhoria de tráfego e usabilidade das páginas;
![Page 6: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/6.jpg)
![Page 7: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/7.jpg)
JavaScript: viabiliza a comunicação usuário ↔ servidor;
XmlHttpRequest: objeto do JavaScript que possibilita a comunicação assíncrona;
DOM (Document Object Model): utilizado para acesso a manipulação de dados em documentos HTML e XML;
XSLT: folha de estilos do XML; XHTML e CSS: linguagem de marcação.
![Page 8: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/8.jpg)
Paralelo entre o AJAX e o modelo convencional
![Page 9: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/9.jpg)
O navegador hospeda uma aplicação, não o conteúdo;
O servidor fornece dados, não conteúdo; A interação do usuário com a aplicação
pode ser flexível e contínua; Real codificação requer disciplina.
![Page 10: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/10.jpg)
Evita retransmissão de dados; Larga biblioteca de efeitos gráficos; Melhor experiência do usuário; Flexibilidade para escolha da linguagem
server-side;
![Page 11: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/11.jpg)
Comparação do modelo assíncrono com o modelo convencional
![Page 12: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/12.jpg)
Utilização de um framework pode impossibilitar a utilização de outro;
Botões “avançar” e “voltar” do navegador;
![Page 13: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/13.jpg)
Validação de formulários; E-Commerce; Chats; Qualquer tipo de aplicação que necessite
atualização em tempo real;
![Page 14: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/14.jpg)
Carrinho de compras
![Page 15: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/15.jpg)
O Google Maps é um exemplo de aplicação que utiliza o AJAX
![Page 16: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/16.jpg)
É possível associar a tecnologia com a funcionalidade na criação de uma aplicação web:
As tecnologias que o AJAX é composto otimizariam o funcionamento;
Utilizando um HashMap, pode-se armazenar o que deseja e vincular por key words;
Utilização de Servlets para dinamização de conteúdo;
![Page 17: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/17.jpg)
Exemplo de aplicação utilizando AJAX e Java EE
![Page 18: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/18.jpg)
HashMap
![Page 19: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/19.jpg)
Servlet para dinamização
![Page 20: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/20.jpg)
![Page 21: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/21.jpg)
Exemplo de utilização do “Spoiler”
![Page 22: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega](https://reader036.vdocuments.mx/reader036/viewer/2022062819/570638581a28abb8238fc917/html5/thumbnails/22.jpg)
http://imasters.com.br/artigo/10224/ajax/vantagens_e_desvantagens_do_uso_de_ajax_aspectos_praticos/
http://www.novateceditora.com.br/livros/ajax/capitulo9788575221266.pdf
http://pt.wikipedia.org/wiki/AJAX_%28programa%C3%A7%C3%A3o%29
http://www.alantiel.com/artigos/vantagens_desvantagens_ajax.pdf
http://netbeans.org/kb/docs/web/ajax-quickstart_pt_BR.html
http://www.floripabalada.com.br http://download.oracle.com/javase/1.5.0/docs/api/
java/util/HashMap.html