Desevolvimento Web Client-side - AJAX

Pacote WebDesenvolvendo com Padrões Web

Módulo 3 - AJAX com jQuery

Guilherme Cavalcanticontato@guilhermecavalcanti.com

@guiocavalcanti

Ciclo normal cliente-servidor

GET e POST, qual escolher

GETDeve ser usado quando não a requisição não acarreta numa mudança de estado no servidorExemplo

Pesquisa,Requisição de páginas

POSTQuando há uma necessidade maior de sigilo Quando a requisição vai acarretar numa mudança de estado no servidor

Consulta ao BD

AJAX

Asynchrounus JavaScript and XML Fazer requisições assíncronas em JavaScript para receber XML (ou não) dentro de uma página

Na verdadeÉ um conjunto de tecnologias/ferramentas que permitem uma interação mais rica entre o usuário e a aplicação

A complexidade está no servidor

Na maioria dos casos o JavaScript se limita a fazer a requisição e preencher dinamicamente trechos do HTMLProcedimentos mais complexos são realizados no servidorJavaScript é lento e depende da capacidade do browser do usuárioEvitar problemas de acessibilidade

Precisamos de um servidor

Recomendado XAMPPApache, PHP, MySQL, phpMyAdmin...

É portátilSó baixar e rodar

Para baixarhttp://www.apachefriends.org/en/xampp.htmlLink direto: http://www.apachefriends.org/en/xampp-windows.html

Exemplo 1

Requisição de informações sob demandaGerador de frases malucas

Exemplo 2

Chat

Exercício