AJAX 
ASYNCHRONOUS JAVASCRIPT AND XML
Definição 
• Ajax não é uma tecnologia (vamos prestar atenção nisso). É na verdade 
várias tecnologias, cada uma atuando da sua própria maneira, tornando-se 
juntas uma poderosa possibilidade. Ajax incorpora: 
1. Apresentação baseada nas Web Standards usando XHTML e CSS. 
2. Exibição e interação dinâmicas usando Document Objetct Model (DOM); 
3. Troca e manipulação de dados usando XML e XSLT; 
4. Retorno de dados assincronamente usando XMLHttpRequest; 
5. E JavaScript interligando tudo.
Modelo de uma aplicação normal 
• Essa técnica faz muito sentido, mas não 
para uma grande experiência do usuário. 
• Enquanto o servidor está fazendo esta 
processando as requisições, oque o 
usuário está fazendo? Está certo, 
esperando. E a cada etapa da tarefa o 
usuário espera mais um pouco.
Como o Ajax faz? 
• Uma aplicação Ajax elimina o natural o intermediário, ou seja, introduz 
uma ferramenta Ajax entre o usuário e o servidor. 
• A ferramenta Ajax permite que a interação do usuário com a aplicação 
aconteça simultaneamente, independente da comunicação com o servido 
então o usuário nunca encarará uma janela branca do browser e um ícone 
de ampulheta, esperando pelo servidor para fazer algo.
Características 
• É possível, e bastante desejável, construir aplicações Ajax que 
tenham algumas características: 
• • Funcionar sem Java script ; 
• • Funcionar sem CSS; 
• • Ao clicar, mudar a url na barra de endereços e o título da página; 
• • Manter funcionais os botões de avançar, voltar e recarregar ; 
• • Permitam salvar links, adicionar a bookmarks, etc.
Padrões Web Standards 
• AJAX é baseado nos seguintes padrões da web Standards: 
• Java Script 
• XML 
• HTML 
• CSS
AJAX Http Requests 
• AJAX usa pedidos do HTTP 
• No código tradicional do Java script, se você quiser começar alguma 
informação de uma base de dados ou de um arquivo no usuário, ou emitir a 
informação do usuário a um usuário, você terá que fazer um HTML dar 
forma e COMEÇAR ou AFIXAR os dados ao usuário. O usuário terá que 
enviar “submete” a tecla para emitir/começa a informação, espera para que 
o usuário responda, então uma página nova carregará com os resultados.
AJAX Http Requests 
• Usando o objeto de XMLHttpRequest, um 
colaborador da web standart pode atualizar 
uma página com dados do usuário depois 
que a página carregou!

Ajax

  • 1.
  • 2.
    Definição • Ajaxnão é uma tecnologia (vamos prestar atenção nisso). É na verdade várias tecnologias, cada uma atuando da sua própria maneira, tornando-se juntas uma poderosa possibilidade. Ajax incorpora: 1. Apresentação baseada nas Web Standards usando XHTML e CSS. 2. Exibição e interação dinâmicas usando Document Objetct Model (DOM); 3. Troca e manipulação de dados usando XML e XSLT; 4. Retorno de dados assincronamente usando XMLHttpRequest; 5. E JavaScript interligando tudo.
  • 3.
    Modelo de umaaplicação normal • Essa técnica faz muito sentido, mas não para uma grande experiência do usuário. • Enquanto o servidor está fazendo esta processando as requisições, oque o usuário está fazendo? Está certo, esperando. E a cada etapa da tarefa o usuário espera mais um pouco.
  • 4.
    Como o Ajaxfaz? • Uma aplicação Ajax elimina o natural o intermediário, ou seja, introduz uma ferramenta Ajax entre o usuário e o servidor. • A ferramenta Ajax permite que a interação do usuário com a aplicação aconteça simultaneamente, independente da comunicação com o servido então o usuário nunca encarará uma janela branca do browser e um ícone de ampulheta, esperando pelo servidor para fazer algo.
  • 5.
    Características • Épossível, e bastante desejável, construir aplicações Ajax que tenham algumas características: • • Funcionar sem Java script ; • • Funcionar sem CSS; • • Ao clicar, mudar a url na barra de endereços e o título da página; • • Manter funcionais os botões de avançar, voltar e recarregar ; • • Permitam salvar links, adicionar a bookmarks, etc.
  • 6.
    Padrões Web Standards • AJAX é baseado nos seguintes padrões da web Standards: • Java Script • XML • HTML • CSS
  • 7.
    AJAX Http Requests • AJAX usa pedidos do HTTP • No código tradicional do Java script, se você quiser começar alguma informação de uma base de dados ou de um arquivo no usuário, ou emitir a informação do usuário a um usuário, você terá que fazer um HTML dar forma e COMEÇAR ou AFIXAR os dados ao usuário. O usuário terá que enviar “submete” a tecla para emitir/começa a informação, espera para que o usuário responda, então uma página nova carregará com os resultados.
  • 8.
    AJAX Http Requests • Usando o objeto de XMLHttpRequest, um colaborador da web standart pode atualizar uma página com dados do usuário depois que a página carregou!