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


Moderador: web

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

Enviando dados via POST ou GET com jQuery

22-01-2009 12:33

Vou passar um script de exemplo de como enviar dados do formulário via jQuery.

Formulário de contato com envio do e-mail usando jQuery.

* Teste em um servidor local ou online

JavaScript

<script src="jquery.js"></script>   <script language="javascript" type="text/javascript"> // evitando que os dados sejam submetidos pelo modo tradicional jQuery(document).ready(function(){ jQuery("#form").submit(function(){ return false; });         // carregando a função para o envio jQuery("#envia").click(function(){ envia_form(); });   // limpando a div antes de um novo envio function envia_form() { jQuery("#retorno").empty();         // pegando os campos do formulário var nome = jQuery("#nome").val(); var senha = jQuery("#senha").val();   // tipo dos dados, url do documento, tipo de dados, campos enviados     // para GET mude o type para GET   jQuery.ajax({ type: "POST", url: "teste.php", dataType: "html", data: "nome=" + nome + "&senha=" + senha,   // enviado com sucesso success: function(response){ jQuery("#retorno").append(response); }, // quando houver erro error: function(){ alert("Ocorreu um erro durante a requisição"); } });     } }); </script>

HTML

<div id="retorno"></div>   <form id="form" action="" method="POST"> nome: <input type="text" id="nome" name="nome" value=""> <br> senha: <input type="password" id="senha" name="senha" value=""> <br> <button id="envia" type="submit">Enviar</button> </form>

PHP

<?php echo $_POST['nome']."<br>"; echo $_POST['senha']."<br>"; ?>

3
A melhor hospedagem para o seu site HostGator!

Quem está online

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