Como enviar dados de um objeto JavaScript para PHP

Marcelo Albuquerque
Apr 1, 2020 · 2 min read

Para passar as informações para o PHP vamos utilizar a função Ajax do jQuery.

A ideia é que o envio das informações ocorra de forma assíncrona sem a necessidade de um refresh na página.

O código JavaScript

Analisando o código

Adicionando o jQuery

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

A versão mais atual no momento da criação deste tutorial é a “3.4.1”.

Criando o objeto

var usuario = {
'nome': 'João',
'profissao': 'Engenheiro',
'cidade': 'São Paulo'
}

Convertendo o objeto para JSON

var dados = JSON.stringify(usuario);

Chamada da função Ajax do jQuery

$.ajax({
url: 'recebe.php',
type: 'POST',
data: {data: dados},
success: function(result){
// Retorno se tudo ocorreu normalmente
},
error: function(jqXHR, textStatus, errorThrown) {
// Retorno caso algum erro ocorra
}
});

Na linha 13 informamos a url para o arquivo PHP, neste exemplo é um arquivo chamado “recebe.php”.

Na linha 14 informamos o método de envio das informações, neste exemplo estamos utilizando o método POST.

Na linha 15 informamos os dados a serem enviados, neste exemplo estamos enviando as informações armazenadas na variável “dados”.

Na linha 16 podemos obter o retorno se todo o processo de envio foi realizado com sucesso. Aqui dentro podemos construir a nossa lógica, inclusive manipulando o DOM.

Na linha 19 definimos a lógica caso algum erro tenha ocorrido durante o processo.

O código PHP

Analisando o código

Recebendo o objeto com PHP

$usuario = $_POST['data'];

Decodificando o JSON

$dados = json_decode($usuario, true);

Exibindo os dados

var_dump($dados);

Trabalhar com dados é muito importante em programação! Fazer com que duas linguagens que se complementam -como é o caso do JavaScript e PHP- compartilhem informações, se torna algo extremamente necessário.

Marcelo Albuquerque

Conteúdos e tutoriais sobre Desenvolvimento Web

Marcelo Albuquerque

Conteúdos e tutoriais sobre Desenvolvimento Web e configuração de ambiente para desenvolvimento com muitos toques para usuários Linux!

Marcelo Albuquerque

Written by

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

Marcelo Albuquerque

Conteúdos e tutoriais sobre Desenvolvimento Web e configuração de ambiente para desenvolvimento com muitos toques para usuários Linux!

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

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