9

Click here to load reader

Desevolvimento Web Client-side - AJAX

Embed Size (px)

Citation preview

Page 1: Desevolvimento Web Client-side - AJAX

Pacote WebDesenvolvendo com Padrões Web

Módulo 3 - AJAX com jQuery

Guilherme [email protected]

@guiocavalcanti

Page 2: Desevolvimento Web Client-side - AJAX

Ciclo normal cliente-servidor

Page 3: Desevolvimento Web Client-side - AJAX

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

Page 4: Desevolvimento Web Client-side - AJAX

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

Page 5: Desevolvimento Web Client-side - AJAX

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

Page 6: Desevolvimento Web Client-side - AJAX

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

Page 7: Desevolvimento Web Client-side - AJAX

Exemplo 1

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

Page 8: Desevolvimento Web Client-side - AJAX

Exemplo 2

Chat

Page 9: Desevolvimento Web Client-side - AJAX

Exercício