Olá desenvolvedores, no tutorial de hoje falaremos sobre o Ajax – Asynchronous Javascript and XML, criado por Jesse James Garrett, em 2005. Trata-se de mais uma metodologia que possibilita a construção de páginas web interativas. E assim, daremos início a uma série de tutoriais de um novo módulo, onde subiremos mais um nível nos conhecimentos recém adquiridos sobre JSP e servlet.

Ao implementar rotinas avançadas iremos nesta nova série de tutoriais unir as tecnologias que já conhecemos as possibilidades de novos recursos, como JSON, Ajax, Gráficos, emissão de relatórios e tipos de autenticação.

O QUE É O AJAX?

De forma sucinta o Ajax utiliza objeto XMLHttpRequest para se comunicar com os scripts do lado do servidor. Aliás, é este componente, o XMLHttpRequest, que torna possível a comunicação assíncrona com o servidor. Desse modo ele pode tanto enviar como receber informações em vários formatos que incluem JSON, XML, HTML, e até mesmo arquivos de texto.

Esta é a característica mais atraente do AJAX, a sua natureza “assíncrona”, o que significa que ele pode fazer tudo sem a necessidade de atualizar a página. Isso permite a você atualizar partes de uma página com base em eventos do usuário.

COMUNICAÇÃO ASSÍNCRONA?

Antes de entender esta comunicação assíncrona, entenda que embora o Ajax tenha natureza assíncrona é possível escolher se a requisição ao servidor será assíncrona ou síncrona.

A natureza assíncrona do Ajax possibilita que o usuário continue interagindo com a interface do sistema, mesmo após submeter uma requisição ao servidor. E isso é possível porque após receber a resposta do servidor, o navegador irá renderizar apenas os componentes que devem ser atualizados.

Mas para determinar o tipo de requisição que iremos fazer ao servidor é preciso determinar no método open() do objeto XMLHttpRequest se o último parâmetro booleano será true ou false. Se for true a requisição será assíncrona, se for false será síncrona.

TIPOS DE REQUISIÇÃO

Considere um cadastro que tem como método de envio o Post que é um método HTTP de envio de requisição que esconde os dados da URL. E ao enviar, por exemplo, um formulário junto com a requisição ele recarrega toda a página.

O GET que é também um método de envio de formulário, faz este envio por parâmetro deixando exposto os dados na URL. Geralmente o GET é utilizado para consulta ou para a ação de excluir.

E se quisermos fazer uma requisição em segundo plano, que não necessariamente precisa recarregar toda a página, como faz o POST? É neste contexto que se insere o Ajax, utilizando o JavaScript ele faz esta requisição em segundo plano, sem interromper a interação do usuário com o sistema. Isto é, quando utilizamos o Ajax, é enviado apenas o parâmetro do campo para qual a requisição foi feita e tão somente este campo é recarregado e não toda a página.

EM POUCAS PALAVRAS

Então com o Ajax conseguimos fazer uma requisição para o servidor, processar em segundo plano, e receber a resposta. E um dos principais ganhos é a diminuição de processamento. Agora não é mais necessário recarregar toda a página e realizar todos os processamentos necessários para recarregar e exibir as informações com as quais o usuário não está interagindo. Eu fico por aqui, nos vemos no próximo tutorial.