O que é AJAX e para que serve

Fala, meus consagrados! Beleza?

Neste artigo, já tivemos um artigo aqui no blog do Gran sobre as formas de criação do objeto XMLHttpRequest em aplicativos AJAX, mas o que é AJAX e para o que serve? É isso que estudaremos neste artigo.

Conceituação

Nos últimos anos, a Internet tem evoluído rapidamente, permitindo aos usuários uma experiência mais rica e interativa. Uma das tecnologias que desempenhou um papel fundamental nessa evolução é o AJAX. A AJAX é sigla e significa “Asynchronous JavaScript and XML” (JavaScript e XML Assíncronos, em tradução livre). Essa tecnologia NÃO é uma nova linguagem de programação e sim uma nova maneira de usar tecnologias já existentes. Ela representa um conjunto de técnicas que possibilitam a interação entre um navegador web e um servidor de forma assíncrona, sem a necessidade de recarregar a página inteira.

Antes da chegada do AJAX, as páginas web geralmente operavam no modelo de solicitação e resposta, onde uma solicitação do usuário era enviada ao servidor e uma página inteira era carregada como resposta. Isso resultava em uma experiência de navegação lenta e não responsiva, pois qualquer interação do usuário exigia uma atualização completa da página.

Com a introdução do AJAX, foi possível enviar e receber dados entre o navegador e o servidor em segundo plano, sem interromper ou recarregar a página. Essa comunicação assíncrona permitiu a criação de aplicativos web mais dinâmicos e responsivos, proporcionando aos usuários uma experiência semelhante a um aplicativo desktop.

O AJAX utiliza várias tecnologias, incluindo JavaScript, XML e o objeto XMLHttpRequest, para enviar solicitações ao servidor e processar as respostas recebidas. No entanto, apesar do nome, o uso do XML não é obrigatório, sendo comum utilizar formatos de dados mais leves, como JSON (JavaScript Object Notation), devido à sua simplicidade e eficiência.

Uma das principais vantagens do AJAX é a capacidade de atualizar partes específicas de uma página, em vez de recarregar a página inteira. Isso é conhecido como “atualização parcial” ou “renderização parcial”. Por exemplo, ao preencher um formulário web, em vez de enviar o formulário inteiro e aguardar a resposta do servidor, é possível usar o AJAX para enviar apenas os dados do formulário e atualizar apenas a área correspondente da página com a resposta recebida.

Outra aplicação comum do AJAX é a realização de chamadas assíncronas para buscar dados do servidor e atualizar dinamicamente uma página. Isso permite a criação de recursos como sugestões de pesquisa em tempo real, atualização automática de conteúdo e carregamento sob demanda, onde partes da página são carregadas apenas quando necessárias, melhorando a velocidade de carregamento e a eficiência geral da aplicação.

Além disso, o AJAX também permite a interação bidirecional, onde o servidor pode enviar atualizações para o navegador, conhecido como “push”. Isso é particularmente útil em casos como chats online, feeds de notícias em tempo real e aplicativos colaborativos, onde as informações são atualizadas instantaneamente sem a necessidade de ação do usuário.

No entanto, é importante considerar algumas limitações do AJAX. Como as solicitações são assíncronas, é necessário lidar com questões de gerenciamento de estado e garantir a consistência dos dados. Além disso, como as interações ocorrem em segundo plano, é importante fornecer feedback adequado ao usuário para indicar o progresso das operações.

O AJAX revolucionou a interação com a web, permitindo a criação de aplicativos web mais dinâmicos, responsivos e eficientes. Ao enviar e receber dados de forma assíncrona, ele superou as limitações das abordagens anteriores, proporcionando aos usuários uma experiência mais próxima dos aplicativos desktop. Com sua capacidade de atualização parcial, chamadas assíncronas e interação bidirecional, o AJAX continua sendo uma tecnologia fundamental na construção de aplicações web modernas e sofisticadas.

Por fim, segundo a W3 Schools, AJAX é baseado em padrões de Internet e usa uma combinação de:

• Objeto XMLHttpRequest: para troca de dados de forma assíncrona com um servidor;
• JavaScript/DOM (Document Object Model):
  • Para exibir/interagir com as informações;
  • Pode-se utilizar VBScript no lugar do JavaScript;
• CSS: para estilo dos dados; e
• XML/JSON: para a transferência de dados.

Essas tecnologias serão explicadas em um posterior artigo. Por enquanto, vamos focar apenas na conceituação e uso do AJAX.

Questões de concursos

[FGV 2016 IBGE – Tecnologista – Programação Visual/Webdesign] Para a criação de páginas dinâmicas que podem ser atualizadas de modo assíncrono, eliminando a necessidade de se carregar toda a página novamente, o webdesigner deve trabalhar com o seguinte método:

[A] AJAX;

[B] ASP.NET;

[C] Json;

[D] SQL;

[E] XQuery.

Comentários:

AJAX é usado para carregar e renderizar uma página:

• Utilizando recursos de scripts rodando pelo lado cliente; e
• Buscando e carregando dados em background, sem a necessidade de recarregamento da página.

Portanto, a letra A é nosso gabarito.

Gabarito: letra A.

[FCC 2011 TRE/RN – Técnico Judiciário – Programação de Sistemas] Agrega um conjunto de tecnologias conhecidas trabalhando juntas para tornar páginas Web mais interativas com o usuário, utilizando-se de solicitações assíncronas de informações:

[A] XHTML.

[B] AJAX.

[C] CSS.

[D] XML.

[E] JavaScript.

Comentários:

AJAX é a arte de trocar dados com um servidor e atualizar partes de uma página web, sem recarregar a página inteira. O que faz a letra B ser nosso gabarito.

O restante das letras (XHMTL, CSS, XML e JavaScript) representa as tecnologias/linguagens usadas no universo AJAX.

Gabarito: letra B.

[CESPE/CEBRASPE 2022 TCE/RJ – Analista de Controle Externo] Quanto ao desenvolvimento de sistemas web, julgue o item seguinte.

Um dos objetivos de usar Ajax é manter a página web atualizada, efetuando uma recarga completa para cada interação do usuário. 

Comentários:

AJAX não tem o foco de manter a página web atualizada por completo. Essa é forma quando não se usa a tecnologia citada neste artigo. O foco dela é atualizar partes de uma página web sem interromper ou recarregar a página por inteiro.

Gabarito: ERRADO.

[CESPE/CEBRASPE 2022 BANRISUL – Desenvolvimento de Sistemas] A respeito de tecnologias e protocolos web, julgue o item que se segue.  

A tecnologia Ajax separa as interações com o usuário das interações com o servidor, de modo que ambas sejam executadas paralelamente.  

Comentários:

O AJAX possibilitou o envio e recebimento de dados entre o navegador do usuário e o servidor. Isso tudo em segundo plano, sem a necessidade de recarregamento da página web por completo. O que faz o texto da questões ser correto.

Gabarito: CERTO.

Espero que tenham gostado! 

Forte abraço e até a próxima jornada!

_________________________

Professor Rogerão Araújo