AJAX

Conhecendo a tecnologia e as ferramentas que a usam

Milena Leite de Oliveira1
1
Centro de Ciências Tecnológicas – Universidade do Estado de Santa Catarina (UDESC)
Joinville – SC – Brazil
mifelixr@gmail.com

Abstract. This article aims to contextualize and explain the AJAX technology,
describing how it works and also the main libraries and tools that utilize AJAX.
With this information, from the functionality of AJAX to its main features, one
can draw conclusions about the advantages of the technology and its potential
future.

Resumo. Este artigo busca contextualizar e explicar a tecnologia AJAX, de-

screvendo o funcionamento da tecnologia e também as principais bibliotecas e
ferramentas que utilizam o AJAX. Com essas informações, desde a funcionali-
dade do AJAX até quais são as principais funcionalidades, pode-se aferir uma
conclusão a respeito das vantagens da tecnologia e também sobre um possı́vel
futuro dela.

1. Introdução
AJAX, cuja sigla vem de Asynchronous Javascript and XML (Javascript e XML
assı́ncronos), é uma tecnologia de desenvolvimento web que permite que as páginas da
web sejam atualizadas de forma assı́ncrona, ou seja, sem a necessidade de recarregar a
página inteira. Isso significa que, no decorrer do uso de uma aplicação web, é possı́vel
requisitar, alterar e até mesmo enviar informações sem a necessidade de atualizar toda
a página em cada conexão com o servidor, tornando o uso mais dinâmico e interativo.
Essa nomenclatura apareceu pela primeira vez através do artigo chamado “Ajax: A New
Approach to Web Applications” (Uma nova abordagem para aplicações web), por Jesse
James Garrett. O formato de aplicação já era utilizado, porém o nome se consolidou por
ele e também veio à tona e popularizou-se o uso no mundo da programação.

2. Funcionamento
O AJAX é baseado em três tecnologias principais: HTML (Hypertext Markup Language)
para a estrutura da página, CSS (Cascading Style Sheets) para a apresentação visual e
JavaScript para a manipulação do comportamento da página. Além disso, o AJAX usa
XML (Extensible Markup Language) ou, mais comumente nos dias de hoje, o JSON
(JavaScript Object Notation), um formato de dados muito popular entre os desenvolve-
dores, para o transporte de dados entre o servidor e o cliente.
A tecnologia é baseada no uso de requisições assı́ncronas, isso significa que o
navegador pode enviar e receber dados do servidor em segundo plano, sem interromper
a interação do usuário com a página. Isso permite que as páginas web sejam atualizadas
de forma dinâmica, sem precisar recarregar a página inteira, tornando a experiência do
usuário mais fluida e responsiva.
Para usar o AJAX em uma página web, um desenvolvedor web precisa escrever
código JavaScript para criar uma requisição assı́ncrona ao servidor. Isso geralmente é
feito usando o objeto XMLHttpRequest, uma API disponı́vel em todos os navegadores
modernos. Através do objeto XMLHttpRequest, o desenvolvedor pode especificar o tipo
de requisição (GET, POST, PUT, DELETE, etc.), o URL do servidor, os parâmetros de
requisição e a função de callback para lidar com a resposta do servidor. Pode-se verificar
um exemplo na Figura 1.

Figure 1. Exemplo de Uso do Ajax com jQuery

Na Figura 1 acima, é apresentado um exemplo de função JavaScript, fazendo uma

requisição AJAX usando a ferramenta jQuery. Nela, é enviado uma informação, setada
na seção ”data”, para a URL também setada na requisição. Após essa informação tratada
pelo servidor, o retorno é tratado na seção ”success” da função, que nesse caso, apenas
atualiza a informção de um elemento HTML.
Quando o navegador envia a requisição para o servidor, o servidor processa a
requisição e envia uma resposta de volta ao navegador. A resposta pode ser em XML,
JSON, HTML ou qualquer outro formato de dados. O JavaScript do cliente, então, pode
manipular os dados da resposta e atualizar a página web de forma dinâmica, sem precisar
recarregá-la completamente.

3. Ferramentas
Existem diversas ferramentas e bibliotecas disponı́veis atualmente que facilitam o uso
do AJAX na criação de aplicativos web modernos. Existem algumas ferramentas mais
populares que utilizam o AJAX, sendo elas:

O jQuery é uma biblioteca de JavaScript amplamente utilizada que simplifica

o uso do AJAX. Ele fornece uma série de funções e métodos que tornam fácil criar e
executar requisições assı́ncronas com apenas algumas linhas de código. O jQuery possui
uma sintaxe simples e é amplamente utilizado em muitos projetos web.
 O Axios é uma biblioteca JavaScript para fazer requisições HTTP, incluindo
requisições AJAX, a partir do navegador ou do servidor. Ele oferece uma interface simples
e elegante para realizar requisições assı́ncronas e tratar as respostas de forma eficiente. O
Axios é amplamente utilizado em projetos web modernos, principalmente em aplicações
Vue.js e React.js.
A Fetch API é uma API nativa do JavaScript que permite fazer requisições HTTP
e lidar com respostas de forma assı́ncrona. Ela fornece uma interface moderna para a
realização de requisições AJAX e é suportada em todos os navegadores modernos. A
Fetch API é amplamente utilizada em projetos web modernos devido à sua simplicidade
e eficiência.
O AngularJS é um popular framework de JavaScript para construção de
aplicações web. Ele possui recursos embutidos para o uso do AJAX, permitindo a criação
de aplicações web dinâmicas e interativas. O AngularJS utiliza uma abordagem baseada
em diretivas e oferece suporte completo ao uso do AJAX em suas aplicações.
O React é uma biblioteca de JavaScript para construção de interfaces de usuário.
Embora o React em si não forneça recursos especı́ficos de AJAX, ele é frequentemente
combinado com outras bibliotecas ou APIs, como o Axios ou a Fetch API, para criar
aplicações web interativas e atualizações de página em tempo real.
O Vue.js é outro popular framework de JavaScript para construção de interfaces
de usuário. Assim como o React, o Vue.js não possui recursos de AJAX nativos, mas
pode ser facilmente combinado com outras bibliotecas ou APIs, como o Axios ou a Fetch
API, para realizar requisições assı́ncronas e atualizar a página em tempo real.

4. Conclusão
O AJAX é uma tecnologia importante que tem sido amplamente utilizada por desenvolve-
dores web em todo o mundo para criar páginas web dinâmicas e interativas. Com a
capacidade de atualizar as páginas em segundo plano de forma assı́ncrona, o AJAX ofer-
ece uma experiência de usuário mais rápida e suave, tornando a navegação na web mais
eficiente. Esse formato permite a atualização de diversos elementos de uma página de
forma independente, além de enviar e receber informações do servidor com facilidade.
Com as várias ferramentas disponı́veis para os desenvolvedores, pode-se concluir
que o AJAX tende a ser uma tecnologia importante e relevante no desenvolvimento web
por um bom tempo.

5. References
OLIVEIRA, Cláudio Luı́s V.; ZANETTI, Humberto Augusto P. JAVASCRIPT
DESCOMPLICADO - PROGRAMAÇÃO PARA WEB, IOT E DISPOSITIVOS
MÓVEIS. [Av. Paulista, 901, 3o andar Bela Vista – São Paulo – SP – CEP: 01311-
100 ]: Editora Saraiva, 2020. E-book. ISBN 9788536533100. Disponı́vel em:
https://app.minhabiblioteca.com.br/#/books/9788536533100/. Acesso em: 20 abr. 2023.

FREITAS, Pedro Henrique C.; BIRNFELD, Karine; SARAIVA,

Maurı́cio de O.; et al. Programação Back End III. [Porto Alegre]:
Grupo A, 2021. E-book. ISBN 9786581492274. Disponı́vel em:
https://app.minhabiblioteca.com.br/#/books/9786581492274/. Acesso em: 20 abr.
2023.