Introdução ao AJAX

A tecnologia AJAX é uma forma de atualizar parte de uma página sem recarregá-la completamente. Ela é baseada em JavaScript, no protocolo HTTP e em algum backend, como PHP, NodeJS ou qualquer outro.

Atualmente, o trabalho com AJAX é implementado através do fetch. Esta é uma tecnologia moderna, mas que não funciona em navegadores antigos. Uma tecnologia mais antiga é o uso do objeto XMLHttpRequest. Você ainda pode se deparar com essa tecnologia, mas não é necessário se aprofundar muito nela.

Para estudar o funcionamento do AJAX, é necessário ter um servidor. Usaremos nosso servidor de aprendizado. Vamos criar um arquivo HTML na pasta do servidor, que abriremos no navegador:

public/index.html<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <script src="client.js" defer></script>
  </head>
  <body>
    
  </body>
</html>

Vamos conectar a ele um arquivo JavaScript:

public/client.jsalert('test');