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.983 ]
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
Descubra que dia da semana você nasceu!
Script de um programa de HTML em java
Indica a pagina dependendo da resolução do usuario
Atualizando o Passado: Linux no Lenovo G460 em 2025
aaPanel - Um Painel de Hospedagem Gratuito e Poderoso
O macete do Warsaw no Linux Mint e cia
O que você quer para sua vida ao usar o Linux?
Visualizar arquivos em formato markdown (ex.: README.md) pelo terminal
Dando - teoricamente - um gás no Gnome-Shell do Arch Linux
Mikrotik não abre o webmail-segur... da Locaweb (11)
Olha que maravilha, Arch no C2D 7400, 2GB de RAM, vídeo onboard e no G... (3)
Instalação de Ubuntu em SSD (interno) como se fosse um dispositivo ext... (1)