[jQuery] Enviar formulário sem atualizar página

[Rodrigo Aparecido]

Olá lista, estou querendo saber se tem como enviar um formulário com
jQuery sem atualizar a página, e que possa receber os dados $_POST
pelo php.

Valeu!

[Osdeni José Sadzinski]

De uma olhada no manual do jQuery, apesar de ser em inglés é muito fácil de usar e explicativo. (www.jquery.com)

e la tem como utilizar, va em doumentação » Ajax (tem exemplos para você se basear)

2008/2/22 Rodrigo Aparecido <rod...@gmail.com>:

--
Abraços,

Osdeni José Sadzinski
E-mail: osd...@gmail.com
Telefone: (48) 9916-3735

[Pablo]

Pesquise sobre o plugin fastSerialize que tambem será util...

[Frederico Martins]

Só completando tem o jquery Brasil...

 

http://jquerybrasil.com/

 

Valeu!

 

Em 22/02/08, Osdeni José Sadzinski <osd...@gmail.com> escreveu:

[Rodrigo Aparecido]

Dei uma lida na documentação do Serialize, ainda não consegui pegar os
dados por $_POST, mais fiz uma POG e deu pra fazer por $_GET. Como não
é algo que vou precisar esconder, posso deixar assim por enquanto...

Valeu ao pessoal que ajudou!


Ainda falta mexer nele, mais taí como ficou a gambiarra que fiz...

parte do jQuery:

$(document).ready(function(){

function abre() {
var str = $("form").serialize();
$('#page').load('teste1.php?'+str);
}

$(":submit").click(abre);
abre();

});

parte do Form:

<form onsubmit="return false;">
<input type="text" name="nome" /><br />
<input type="submit" />
</form>
<div id="page"></div>

[Drika Santos]

Bom dia amigo.

Uma vez eu fiz da seguinte forma... mas sei que deve haver forma mais simplificada... Mas o importante é que me atendeu bem na época... Veja:

<script type="text/javascript">
$(function() { // onload...do

    $('#formContato').submit(function() {
        var inputs = [];
        $(':input', this).each(function() {
        inputs.push(this.name + '=' + escape(this.value));
        })
       
       
   
        // now if I join our inputs using '&' we'll have a query string
        jQuery.ajax({
            type: "POST",
            data: inputs.join('&'),
            url: "enviaForm.php",
            timeout: 2000,
            error: function(erro) {
              //console.log("Failed to submit");
                  alert(erro);
            },
            /*success: function(r) {          
                  alert(r);   
            }*/
           
            success: function (r)  {              
                 alert(r);
                 
                 $('#formContato').clearForm();
                   
            }

        })
             
        return false;
    })
   
$.fn.clearForm = function() {
  return this.each(function() {
    var type = this.type, tag = this.tagName.toLowerCase();
    if (tag == 'form')
      return $(':input',this).clearForm();
    if (type == 'text' || type == 'password' || tag == 'textarea')
      this.value = '';
    else if (type == 'checkbox' || type == 'radio')
      this.checked = false;
    else if (tag == 'select')
      this.selectedIndex = -1;
  });
};    
 
   
})
</script>

Em 22/02/08, Rodrigo Aparecido <rod...@gmail.com> escreveu:

MSN: tecsite [at] hotmail.com
Skype: tecsite_suporte
GTalk/ GMail: tecsite [at] gmail.com
[ Visite-me no Orkut: http://www.orkut.com/Profile.aspx?uid=5165077431021385716 ]

----------------------------------
Felicidade, Saúde e Paz em 2008!