Desevolvimento Web Client-side - AJAX

Pacote Web Desenvolvendo com Padrões Web Módulo 3 - AJAX com jQuery Guilherme Cavalcanti contato@guilhermecavalcanti.com @guiocavalcanti

Ciclo normal cliente-servidor

GET e POST, qual escolher GET Deve ser usado quando não a requisição não acarreta numa mudança de estado no servidor Exemplo Pesquisa, Requisição de páginas POST Quando 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 HTML Procedimentos mais complexos são realizados no servidor JavaScript é lento e depende da capacidade do browser do usuário Evitar problemas de acessibilidade

Precisamos de um servidor Recomendado XAMPP Apache, PHP, MySQL, phpMyAdmin... É portátil Só baixar e rodar Para baixar http://www.apachefriends.org/en/xampp.html Link direto: http://www.apachefriends.org/en/xampp- windows.html

Exemplo 1 Requisição de informações sob demanda Gerador de frases malucas

Exemplo 2 Chat

Exercício

Desevolvimento Web Client-side - AJAX

by Guilherme

Accessibility

Categories

Upload Details

Usage Rights

Statistics

Desevolvimento Web Client-side - AJAX Presentation Transcript