Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como enviar e receber dados com o método serialize jQuery

29-11-2016 22:44

Nesse post vou mostrar um script bem simples de como enviar dados de um formulário usando o jQuery serialize.

O método serialize cria uma sequência de dados e envia tudo de uma vez codificado.
Os dados do formulário são recebidos como um array PHP. E podem ser capturados individualmente pela chave.

Para testar crie um arquivo chamado dados.html com o código abaixo

<script src="jquery.js"></script> <form> nome: <input type="text" id="nome" name="nome" value="" /> email: <input type="text" id="email" name="email" value="" /> <input type="button" id="Enviar" name="" value="Enviar" /> </form> <script type="text/javascript"> $(function() { $("#Enviar").click(function(event) { event.preventDefault(); $("#retorno").html("Enviando...."); jQuery.ajax({ url: "dados.php", data:$("form").serialize(), type: "POST", success: function(data){ $("#retorno").html(data); } }); }); }); </script> <div id="retorno"></div>

Agora crie um arquivo chamados dados.php que é o arquivo que irá exibir os valores enviados.

<?php if($_POST["nome"]!="") { echo "O nome enviado foi {$_POST["nome"]}<br />"; } if($_POST["email"]!="") { echo "O email enviado foi {$_POST["email"]}<br />"; } ?>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado