Treinamento ajax 02

349 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
349
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Treinamento ajax 02

  1. 1. Treinamento AJAX Waelson Negreiros Email: waelson@gmail.com Blog: http://waelson.com.br
  2. 2. Agenda O que é Ajax?  Por que usar?  Quando usar?  Arquitetura Web  XML  Minha Primeira Aplicação Ajax
  3. 3. O que é Ajax?  Solução Client-Side;  Assyncronous JavaScript And XML  Não é uma linguagem;
  4. 4. Por que usar?  Comunicação    Cada requisição uma resposta; Cada resposta vem um página inteira; É preciso esperar a página ser carregada para usar a aplicação.  Ajax   HTTP ineficiente; e a comunicação assíncrona Pequenos trechos podem ser transmitidos assincronamente; Permite usar a aplicação enquanto os dados são transferidos;
  5. 5. Por que usar?
  6. 6. Por que usar?
  7. 7. Quando usar Ajax?  Em formulários (envio e validação);  Comunicação user-to-user;  Votação;  Filtrar e ordenar dados;  Sugestão de texto.
  8. 8. Arquitetura Web  Baseada no protocolo HTTP;  Protocolo leve, não mantém estado;
  9. 9. Arquitetura Web  Exemplo: Pedido / Resposta
  10. 10. XML  Metalinguagem;  Definida pela W3C;  Define informações estruturadas;  Usada para troca de informações;  Estrutura em árvore;
  11. 11. XML
  12. 12. Minha Primeira Aplicação Ajax  Definição da Tela
  13. 13. Minha Primeira Aplicação Ajax  Passos     Recupere o XMLHttpRequest; Crie um request; Obtenha a resposta; Trate a resposta
  14. 14. Minha Primeira Aplicação Ajax  Recupere o XMLHttpRequest  Responsável pela comunicação assíncrona;  Recuperado nos browsers modelos (IE 7 e Firefox) httpRequest = new XMLHttpRequest();  Browsers Microsoft antigos; http_request = new ActiveXObject("Msxml2.XMLHTTP"); http_request = new ActiveXObject("Microsoft.XMLHTTP");
  15. 15. Minha Primeira Aplicação Ajax
  16. 16. Minha Primeira Aplicação Ajax
  17. 17. Minha Primeira Aplicação Ajax  Entendendo      o Método “consultarNomePorId()” Pegue o parâmetro que será enviado ao servidor Monte a URL para onde se deseja enviar a requisição Abra uma conexão com o servidor Defina a função que será chamada quando terminar; Envie a requisição;
  18. 18. Minha Primeira Aplicação Ajax  Entendendo     o Método “atualizarPagina()” Não faça nada até que o readyState seja 4 Se a resposta da requisição for 200 (sucesso) Use o método responseText do objeto XMLHttpRequest para recuperar a resposta do servidor; Exiba a resposta na caixa de texto.
  19. 19. Minha Primeira Aplicação Ajax  Ready    States Pode haver 5 estados durante a requisição e resposta assíncrona; São lidos através da propriedade readyState São eles:      0 – não inicializado 1 – não enviado 2 – sendo processado (cabeçalho) 3 – sendo processado (parte dos dados) 4 - concluído
  20. 20. Fonte: Introdução a Ajax (Helder Rocha) http://www.argonavis.com.br

×