O documento descreve o que é Ajax, como funciona e suas tecnologias subjacentes. Ajax permite que o JavaScript comunique-se assincronamente com o servidor web para trocar informações sem recarregar a página. Isso torna possível criar aplicações web ricas como aplicativos desktop, aproveitando tecnologias da web como JavaScript, XML, HTML e CSS.

1. Ajax
Carlos Santos
LabMM 3 - NTC - DeCA - UA
05-12-2012

2. Como começou?

3. O que é?
• Ajax: Asynchronous JavaScript and XML
• esta é definição inicial de Ajax:
• Ajax é visto como uma arquitectura de desenvolvimento, sendo dada menos
importância às tecnologias envolvidas

4. Como funciona?

5. Tecnologias
• Web Standards bem definidos:
• Javascript
• XML
• HTML
• CSS
• ...
• tecnologias suportadas pela maioria dos browsers
• aplicações em Ajax são independentes dos browsers e das plataformas de
desenvolvimento

6. Tecnologias
• JavaScript XMLHttpRequest object
• permite ao Javascript comunicar com o servidor Web (behind the scenes)
• torna possível o Javascript trocar informação (bidirecional) com o servidor
sem obrigar a uma nova leitura da página
• Páginas Web ---> Aplicações Web

7. Tecnologias
• R.I.A - Rich Internet Applications
• vantagens relativamente a aplicações desktop?
• facilmente chegam a uma audiência mais alargada
• mais fáceis de “instalar”
• código centralizado e por isso de manutenção simplificada
• desenvolvimento mais simples

8. exemplo

9. Problemas
• Usabilidade e Acessibilidade
• muitas das dificuldades são semelhantes às existentes com a utilização
do Flash...
• Antes de utilizar devemos questionar (Capítulo 7.2 de “Pragmatic Ajax - A Web 2.0
Primer”):
• “Is what I’m adding increasing the usability of my application, or the length
of my resume?”
• “Does it break an ingrained habit of my users?”
• “Is the value worth the cognitive dissonance such a break will cause for
my users?”

10. Problemas
• (continuação)
• Watch That Back Button!
• Bookmarking Makes the Web
• GET is for Getting, POST is for Doing
• Tell People When Updates are Happening
• Don’t Reinvent the Wheel

11. Ajax frameworks
http://en.wikipedia.org/wiki/List_of_Ajax_frameworks

12. Demonstração