[Resolvido] Envio de dados por Jquery

[Drego 0]

Dae galera,

estou precisando de uma ajuda no Jquery, sou novo nisso ainda...

 

o problema é o seguinte..

eu tenho um form, que envia os dados por jquery para uma outra página e retorna uma mensagem

até ai, tudo certo, ele retorna a mensagem, mas depois ele recarrega a página, e isso eu não quero que aconteça

 

segue o código abaixo...

$(document).ready(function(){ 
 $("#cardapio").click(function() {
 	var nome=$("#nome").val();
	var email=$("#email").val();

    $.post('download.php', {nome: nome, email: email }, 
    function(resposta) {
            
           if (resposta != false)
			{
                
                $("#erroInfoCardapio").html(resposta);  
            } 
           
           else 
	{
	   $("#erroInfoCardapio").html("Mensagem enviada com sucesso!");	
	   $("#nome").val("");
           $("#email").val("");	
			}				
		});
    });
});

[Zé Luiz - Dainet 0]

Fala ae Drego,

 

Passa os dados assim:

 

$.ajax({ url: "test.html", context: document.body, success: function(){
       //seu codigo
}});

Segue o link, para sua analize.

jQuery.Com

[Drego 0]

Zé Luiz,

 

utilizei o código que tu passou, mas ele continua atualizando a página depois...

[William Bruno 1501]

você precisa 'desativar' o envio padrão do form.

 

coloque um

return false;

na última linha do teu script. Logo depois de ter executado toda a rotina, mas ainda dentro da function de envio do form.

[Drego 0]

William Bruno,

 

não sei se estou fazendo da maneira certa, mas fiz como tu falou e ficou assim....

 

$(document).ready(function(){ 
 $("#cardapio").click(function() {

	var nome=$("#nome").val();
	var email=$("#email").val();

	$.ajax({url: 'download.php', context: document.body, type: 'POST', data: ({nome: nome, email: email}), sucess:
    function(resposta) {
                   // código
    return false;
}}); 
}); 
});

e para chamar esta função está assm

 

<a href="" id="cardapio" onClick="return cardapio();"> <input type="image"  src="images/botao_baixar.png" class="botao" /> </a>

[William Bruno 1501]

tá... está muito equivocado então..

veja, o input type image, é um submit gráfico.

 

não adianta, disparar no 'onclick' dele, mas o correto, é no onsubmit do <form>

só estaria 'certo' (apesar de ser má prática), usar no onclick, se tivesse usando um button, sem ação default.

 

no teu caso, faça o seguinte:

<form action="" method="post" id="f_ajax">

veja que atribui, um identificador para a tag form.

 

E agora, em vez de disparar no onclick do submit(incorreto), dispare no onsubmit do form:

$(document).ready(function(){ 
   $("form#f_ajax").submit(function(){
      //toda a rotina normal aqui



      return false;//esse return, será responsável por evitar o envio http do formulário (refresh)
   });//fecha .submit
});//fecha document.ready

[Drego 0]

William Bruno,

 

deu certo, vlw pela ajuda,

 

ao Zé Luiz tb