O que é uma requisição ajax?

Ajax é um acrônimo para Asynchronous JavaScript and XML, que significa JavaScript e XML assíncronos. Uma requisição ajax é uma forma de enviar e receber dados de um servidor web sem precisar recarregar a página inteira. Isso permite que as aplicações web sejam mais dinâmicas, interativas e responsivas.

Uma requisição ajax é composta por quatro passos:

1. Criar um objeto XMLHttpRequest, que é uma interface que permite a comunicação entre o navegador e o servidor.
2. Abrir uma conexão com o servidor, especificando o método (GET, POST, etc.), a URL e se a requisição será assíncrona ou não.
3. Enviar a requisição, opcionalmente com algum dado no corpo da mensagem.
4. Receber a resposta do servidor, que pode ser em formato XML, JSON, texto ou outro, e processar os dados conforme a necessidade.

Um exemplo de código JavaScript para fazer uma requisição ajax usando o método GET é:

// Criar o objeto XMLHttpRequest
var xhr = new XMLHttpRequest();

// Definir uma função para tratar a resposta do servidor
xhr.onreadystatechange = function() {
  // Verificar se a requisição foi concluída e se o status é 200 (OK)
  if (xhr.readyState == 4 && xhr.status == 200) {
    // Obter os dados da resposta em formato JSON
    var data = JSON.parse(xhr.responseText);
    // Fazer algo com os dados, como mostrar na tela
    console.log(data);
  }
};

// Abrir a conexão com o servidor
xhr.open("GET", "https://example.com/api/data", true);

// Enviar a requisição
xhr.send();