logo javascript

Aprenda javascript com facilidade do zero

Prof. Ivan Lourenço Gomes

AJAX - Introdução

A sigla AJAX significa Asynchronous JavaScript And XML (JavaScript Assíncrono e XML). O funcionamento do AJAX gira em torno do objeto XMLHttpRequest, que através de requisições HTTP, envia ou recebe dados do servidor ou de serviços externos.

E o melhor de tudo, isto acontece no fundo sem que o usuário perceba e sem que a página precise ser recarregada.

A figura abaixo mostra, de maneira simplificada, como o ajax funciona.

Vamos imaginar uma caixa de pesquisa feita em AJAX para exemplificar este funcionamento.

  1. Um evento ocorre no browser (o usuário digita um termo de pesquisa)
  2. O browser envia uma requisição XMLHttp ao servidor com o termo da pesquisa
  3. O servidor recebe o pedido e consulta na base de dados itens que correspondam àquele termo de pesquisa
  4. O servidor envia a resposta (em JSON, por exemplo)
  5. A resposta chega no browser e é processada usando Javascript. O conteúdo da página é alterado para mostrar os resultados da pesquisa

Agora que já sabemos como o AJAX funciona, estamos prontos para fazer a nossa primeira requisição.

Índice de Aulas