Ajax

Ajax é um acrônimo para Asynchronous JavaScript and XMLHttpRequest (JavaScript Assíncrono e XMLHttpRequest). Esta tecnologia permite que o programa cliente de uma aplicação para web faça uma requisição HTTP para o programa servidor da aplicação sem precisar suspender sua execução. Em outras palavras, o usuário da aplicação continua interagindo enquanto o ciclo requisição-processamento-resposta é executado.

A resposta de uma requisição Ajax é, tipicamente, dados representados no formado JSON (ou qualquer outro formato, incluindo XML). Uma função JavaScript é invocada para processar esses dados. Normalmente isso implicará na atualização da página HTML que está sendo visualizada pelo usuário.

Outra possibilidade de resposta de uma requisição Ajax é um fragmento de código HTML. O processamento, neste caso, consiste em adicionar ou modificar a página HTML que está sendo visualizada pelo usuário.

Ajax via objeto XMLHttpRequest

Os navegadores atuais fornecem o objeto XMLHttpRequest para que se possa enviar uma requisição Ajax e definir qual código JavaScript deve ser invocado quando a resposta chegar.

Ajax via função fetch

A função fetch é uma API disponibilizada nos navegadores que pode ser usada no lugar do objeto XMLHttpRequest. A principal diferença é que fetch utiliza promises ao invés de callbacks.

Ajax via biblioteca

Na versão atual da API fetch não é possível cancelar o processamento da resposta enviada pelo servidor. Isso, entre outros fatores, motivaramm o desenvolvimento de soluções alternativas na forma de bibliotecas. Um exemplo bastante usado é a biblioteca axios.