O documento apresenta uma introdução sobre AJAX com jQuery, explicando que AJAX permite requisições assíncronas em JavaScript para receber dados no servidor, como XML. A complexidade de processamento fica no servidor, enquanto o JavaScript se limita a fazer requisições e atualizar a página. É recomendado usar o servidor XAMPP localmente para exemplificar requisições AJAX.

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

2. Ciclo normal cliente-servidor

3. 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

4. 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

5. 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

6. 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

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

8. Exemplo 2
Chat

9. Exercício