FORUM DARKERS

Tecnologia & Informática => Programação => PhP/Html => Topic started by: rodweb on 22 de February , 2008, 02:25:51 PM

Title: [jQuery] Enviar formulário sem atualizar página
Post by: rodweb on 22 de February , 2008, 02:25:51 PM
Alguém sabe como faço para enviar um formulário com jQuery sem atualizar a página e conseguir pegar os dados por $_POST no PHP?

Flws...
Title: Re: [jQuery] Enviar formulário sem atualizar página
Post by: rodweb on 23 de February , 2008, 02:50:24 PM
Solução que achei...um plugin para o jQuery (//http://www.jquery.com) chamado jQuery Form Plugin (//http://www.malsup.com/jquery/form/)...não era bem o que eu queria, mais vai servir...

Requer:
jquery.js (//http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.2.3.min.js)
jquery.form.js (//http://jqueryjs.googlecode.com/svn/trunk/plugins/form/jquery.form.js)


Exemplo de uso:

JavaScript:
<script>
$(document).ready(function() {
    $('#nomeForm').ajaxForm({target: '#nomeDiv', success: function() {
            $('#nomeDiv').fadeIn('fast');
        }
    });
});
</script>

Formulário HTML:
<form id="nomeForm" method="post" action="index.php">
<input type="text" name="campo"><br>
<input type="submit" value="Enviar">
</form>

Resposta DIV:
<div id="nomeDiv"></div>

Flws...
Title: Re: [jQuery] Enviar formulário sem atualizar página
Post by: shake on 24 de February , 2008, 01:39:20 AM
kkkkkkkk
Tá lendo pensamentos agora cara?
tava procurando sobre isso hj!
kkk
Vlw bem mais simples que muitos tutos q eu li!
Flwz
Title: Re: [jQuery] Enviar formulário sem atualizar página
Post by: rodweb on 24 de February , 2008, 10:47:15 AM
Só que fica um pouco mais pesadinho por ser um plugin a +
Title: Re: [jQuery] Enviar formulário sem atualizar página
Post by: shake on 24 de February , 2008, 11:26:53 AM
Com o tempo pode-se tentar dar uma otimizada nisso se tiver como!
Se arrumar algo simples e eficiente eu coloco aqui!
Flwz
Title: Re: [jQuery] Enviar formulário sem atualizar página
Post by: Magrinho Loko on 03 de March , 2008, 01:30:44 PM
Using AJAX to submit a form (//http://www.pixel2life.com/publish/tutorials/221/introduction_to_php_5/)
Atualizado

http://forum.ievolutionweb.com/index.ph ... =18264&hl= (http://forum.ievolutionweb.com/index.php?showtopic=18264&hl=)
Title: Re: [jQuery] Enviar formulário sem atualizar página
Post by: black0ut on 13 de August , 2008, 01:36:56 PM
Desculpem upar, mas tem um jeito mais simples... criar o formulário em uma página separada e incluí-lo na página desejada dentro de um iframe sem bordas.