Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

saulo69

Enviar dados com ajax jquery

Recommended Posts

Olá pessoal, tenho um codigo de envio para uma página php via Ajax e Jquery, quando clico em enviar, ele não envia. Gostaria que os Srs me ajudassem...

Segue o Código:

	$("#enviar_mail").click(function(){
	var nomeEmail = $("#nome_mail").val()
	var emailEmail = $("#email_mail").val()
	var telefoneEmail = $("#telefone_mail").val()
	var assuntoEmail = $("#assunto_mail").val()
	var mensagemEmai = $("#mensagem_mail").val()
	$.ajax({
	type:"POST",
	url:"sistema/contato/envio.php",
	data:{nome_mail:nomeEmail, email_mail:emailEmail, telefone_mail:telefoneEmail, assunto_mail:assuntoEmail, mensagem_mail:mensagemEmail},
		success: function(suc){
			$("#resposta_mail").html(suc)
			$("#resposta_mail2").fadeTo("slow",0.3)
			}
	});
	return true
});// fim do clik mail

 

Formulário:

            <form method="post">
             <table width="100%" border="0">
               <tr>
                 <td width="31%"><label>
                   <input type="text" class="texto_mural_post" id="nome_mail" value="Nome:" size="35">
                 </label></td>
                 <td width="69%" rowspan="4"><label>
                   <textarea cols="30" rows="8" class="texto_mural_post" id="mensagem_mail">Escreva sua mensagem.</textarea>
                 </label></td>
               </tr>
               <tr>
                 <td><input type="text" class="texto_mural_post" id="email_mail" value="E-mail:" size="35"></td>
               </tr>
               <tr>
                 <td><input type="text" class="texto_mural_post" id="telefone_mail" value="Telefone:" size="35"></td>
               </tr>
               <tr>
                 <td valign="top"><input type="text" class="texto_mural_post" id="assunto_mail" value="Assunto:" size="35"></td>
               </tr>
               <tr>
                 <td><br></td>
                 <td><label>
                   <input type="submit" id="enviar_mail" value="Enviar">
                 </label></td>
               </tr>
             </table>
                       </form>

Compartilhar este post


Link para o post
Compartilhar em outros sites

faça assim:

 $("#enviar_mail").submit(function(){

 

e então:

 

            <form method="post" id="enviar_mail">
                   <input type="submit" value="Enviar">

lembrando de terminar a function javascript com return false, para impedir que o comportamento html seja seguido.

 

 

instale o Firebug, e verifique na aba Rede/xhr oq está acontecendo com a tua requisição

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.