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

--

--

--

Apaixonado por Desenvolvimento Web, sempre aprendendo algo novo em PHP, Javascript, HTML e CSS. Ah…e lutando para estruturar corretamente meus bancos de dados!

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Marcelo Albuquerque

Marcelo Albuquerque

Apaixonado por Desenvolvimento Web, sempre aprendendo algo novo em PHP, Javascript, HTML e CSS. Ah…e lutando para estruturar corretamente meus bancos de dados!

More from Medium

Become A JavaScript Console Expert

React CRUD operations using PHP API and MySQL

How to use the Node.js REPL console

Read Excel File in JSON Format Using Nodejs