Quando usar AJAX, async await ou .then().

Olá, tudo bem com você?

Peço desculpas pela demora no retorno.

As requisições assíncronas são uma parte importante do desenvolvimento web moderno, permitindo que os aplicativos se comuniquem com servidores e realizem operações em segundo plano sem bloquear a interface do usuário. Existem três abordagens principais em JavaScript para lidar com requisições assíncronas:

• AJAX (Asynchronous JavaScript and XML): É uma técnica mais antiga que permite fazer chamadas HTTP para um servidor e atualizar partes de uma página web sem recarregá-la completamente.

• Async/await: É uma sintaxe mais moderna introduzida no ES6 (ECMAScript 2017) que simplifica o trabalho com código assíncrono. É baseado em Promises e permite escrever código assíncrono de forma mais síncrona, tornando-o mais legível e fácil de entender.

• Promises: São objetos que representam a eventual conclusão (ou falha) de uma operação assíncrona. Permitem o encadeamento de ações a serem realizadas quando a operação for concluída. As Promises são uma abstração mais baixo nível em comparação com o async/await, e o código pode ficar mais verboso quando se trabalha apenas com Promises.

Para conhecer e aprofundar ainda mais nas requisições assíncronas, recomendo o seguinte curso da Alura, onde será abordado com detalhes o uso das requisições.

• Curso - JS na web: CRUD com JavaScript assíncrono

Espero ter lhe ajudado. Em caso de dúvidas estou à disposição.

Não hesite em voltar ao fórum para continuar aprendendo e interagindo com a comunidade.

Abraços e bons estudos!