Carregar resultado de um form dentro de uma div (jQuery + Ajax)
Publicado por Fábio Berbert de Paula (última atualização em 15/01/2015)
[ Hits: 18.852 ]
Homepage: https://fabio.automatizando.dev
Este código demonstra de forma simples como combinar jQuery com Ajax para carregar o resultado do processamento de um formulário dentro de uma div.
index.html: <html> <body> <form> Nome: <input type="text" name="nome"><br/> E-mail: <input type="text" name="email"><br/> <button type="button" id="butEnviar">Enviar</button> </form> <br/><br/> <div id="saida"></div> <!-- bibliotecas do jquery --> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <!-- bibliotecas do jquery --> <script> $(document).ready(function() { //definir evento "onclick" do elemento (botao) ID butEnviar $("#butEnviar").click(function() { //capturar o valor dos campos do fomulario var nome = $("input[name=nome]").val(); var email = $("input[name=email]").val(); //usar o metodo ajax da biblioteca jquery para postar os dados em processar.php $.ajax({ "url": "processar.php", "dataType": "html", "data": { "nome" : nome, "email":email }, "success": function(response) { //em caso de sucesso, a div ID=saida recebe o response do post $("div#saida").html(response); } }); }); }); </script> </body> </html> processar.php: <?php $nome = $_REQUEST['nome']; $email = $_REQUEST['email']; echo "Seu nome é <strong>$nome</strong>, teu email <strong>$email</strong> e...<br/><br/>VIVA O LINUX!!!"; ?>
Desmarcando input radio com jQuery
Tabela paginada e com diferenciação de cor nas linhas
Passkeys: A Evolução da Autenticação Digital
Instalação de distro Linux em computadores, netbooks, etc, em rede com o Clonezilla
Título: Descobrindo o IP externo da VPN no Linux
Armazenando a senha de sua carteira Bitcoin de forma segura no Linux
Enviar mensagem ao usuário trabalhando com as opções do php.ini
Instalando Brave Browser no Linux Mint 22
vídeo pra quem quer saber como funciona Proteção de Memória:
Encontre seus arquivos facilmente com o Drill
Mouse Logitech MX Ergo Advanced Wireless Trackball no Linux
Compartilhamento de Rede com samba em modo Público/Anônimo de forma simples, rápido e fácil
Arch Linux - Guia para Iniciantes (3)
VMs e Interfaces de Rede desapareceram (4)
Desde que seja DDR3, posso colocar qualquer memória? (5)
Tem como deixar um processo rodando mesmo após o desligamento da maqui... (5)