Enviar dados de um formulário utilizando JavaScript Fetch API com PHP

Um simples script para enviar os dados de um formulário para uma API em PHP

Foto de Aleksejs Bergmanis no Pexels

Considerações

• Para enviar dados de um formulário, basta utilizar a função FormData() e informar o method que para esse caso deverá ser POST. Ao utilizarmos o método POST, obrigatoriamente devemos enviar o body da requisição contendo os dados do formulário.
• A API com PHP deve estar devidamente configurada com CORS;
• Não há necessidade de informar um header ;

Script JavaScript para realizar a solicitação

Recuperação dos dados com PHP

Para tratar essa requisição, basta capturar os valores com a variável global $_POST.

Com um script simples já podemos começar a trabalhar com a Fetch API do JavaScript