Problema con formulario de contacto en ajax

[popopablo]

Pues eso, que estoy empezando con ajax y en este peuqueño script de formulario de contacto no encuentro donde está el error, pero el caso es que creo que al php no le llegan las variables de ajax, no sé, a ver si podéis ayudarme. Os dejo los códigos:



Este es el código javascript:

Código:

function crearXMLHttpRequest() 
{
  var xmlHttp=null;
  if (window.ActiveXObject) 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  else 
    if (window.XMLHttpRequest) 
      xmlHttp = new XMLHttpRequest();
  return xmlHttp;
}
function recibirDatos(){
	var resultados = document.getElementById("results");
	if (conexion1.readyState == 4) {
    	resultados.innerHTML = conexion1.responseText;
    }
	else{
		resultados.innerHTML = '<span>Enviando...</span>';
	}
}
function enviarMensaje(){
	var nombre = document.getElementById("nombre").value;
	var mail = document.getElementById("mail").value;
	var asunto = document.getElementById("asunto").value;
	var texto = document.getElementById("texto").value;
	var conexion1 = crearXMLHttpRequest();
	conexion1.onreadystatechange = recibirDatos();
	conexion1.open("POST", "contactValidation.php",true);
	conexion1.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	conexion1.send("nombre="+nombre+"&asunto="+asunto+"&mail="+mail+"texto="+texto);
}

Aquí el html:

Código HTML:

<h1><b>Formulario de contacto con abriendo-camino.org</b></h1>
<p>[email protected]</p>
<p>Todos los campos son obligatorios</p>
<form id="contacto" name="contacto" method="post" action="">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><br />
        <span>Nombre:</span><br />
        <br /> </td>
      <td>
        <input name="nombre" type="text" class="textfield" id="nombre" /></td>
    </tr>
    <tr>
      <td><br />
        <span>Asunto:</span><br />
      <br /></td>
      <td>
        <input name="asunto" type="text" class="textfield" id="asunto" /></td>
    </tr>
    <tr>
      <td><br />
        <span>E-mail de contacto:</span><br />
      <br /></td>
      <td>
        <input name="email" type="text" class="textfield" id="mail" /></td>
    </tr>
    <tr>
      <td><span>Texto del mensaje:</span></td>
      <td>
        <textarea name="texto" cols="45" rows="5" class="textarea" id="texto"></textarea></td>
    </tr>
    <tr>
      <td></td>
      <td><p></p>
                <input name="enviar" type="submit" class="buton" id="enviar" value="Enviar" onClick="enviarMensaje()"/>
      </td>
    </tr>
  </table>
</form>
<div id="results"></div> 

Y aquí el php:

Código PHP:

  <? 
$email = "[email protected], [email protected]"; 
$error = 0; 
$nombre = $_POST['nombre']; 
$asunto = $_POST['asunto']; 
$mail = $_POST['mail']; 
$texto = $_POST['texto']; 
if($nombre == "" || $mail == "" || $texto == ""){ $error=1; 
} 
elseif(!eregi("^[a-z0-9]+([_\\.-][a-z0-9]+)*" ."@"."([a-z0-9]+([\.-][a-z0-9]+)*)+"."\\.[a-z]{2,}"."$",$mail)){ 
$error=2; 
} 
if($error==1){ 
$error = "<p>No ha rellenado todos los campos.</p>"; 
echo $error; 
} 
elseif($error==2){ 
$error = "<p>¡Escriba un correo electrónico válido!</p>"; 
echo $error; 
} 
else{  
$message = "Mensaje envíado por un usuario de abriendo-camino.org, por favor, contéstale.<br><br>"; 
$message .="NOMBRE: ".$nombre."<BR>"; 
$message .="ASUNTO: ".$asunto."<BR>"; 
$message .="E-MAIL DE CONTACTO: ".$mail."<BR>"; 
$message .="TEXTO DEL MENSAJE:<BR>".$texto."<BR>"; 
$message = stripslashes($message); 
$headers .= "Content-type:text/html; charset=utf-8\r\n"; 
$headers .= "From: $email\r\n"; 
$headers .= "Repaly-to: $email\r\n"; 
$headers .= "Cc: $email\r\n"; 
mail($email,$asunto,$message,$headers); 
echo "<p>¡Enhorabuena! Su mensaje ha sido enviado.</p>"; 
echo "<p>Le intentaremos contestar lo antes posible, gracias.</p>"; 
} 
?>   

[cesarpunk]

y que pasa si en vez de <input type="submit"> lo cambias a <input type="button">

[popopablo]

Pues que sigue sin funcionar. Gracias por responder tan rápido.

[marinmenyo]

prueba a pasarlas primero por Get, y si te funciona se entenderá que el problema está en la llamada. Yo es que por post nunca he probado, por eso seria lo primero que probaria

[marinmenyo]

Código:

function retornarDatos()
{
  var cad='';
  var nom=document.getElementById('nombre').value;
  var com=document.getElementById('comentarios').value;
  cad='nombre='+encodeURIComponent(nom)+'&comentarios='+encodeURIComponent(com);
  return cad;
}

var conexion1;
function enviarFormulario() 
{
  conexion1=crearXMLHttpRequest();
  conexion1.onreadystatechange = procesarEventos;
  conexion1.open('POST','pagina1.php', true);
  conexion1.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  conexion1.send(retornarDatos());  
}

fijate en ese caso, utiliza una especie de codificacion antes de enviarlos, quiza sea eso

[popopablo]

Nada, ni con el método GET ni codificando las variables. Gracias por las respuestas.

[popopablo]

Haciendo pruebas he visto que sacando var conexion1; fuera de la función empieza el procesa de ajax pero nunca llega al estado 4 la conexion. No sé por qué

[jorget]

Has probado quitando los paréntesis de:

conexion1.onreadystatechange = recibirDatos();

[popopablo]

Muchas gracias, ahí estaba el error, pero no entiendo por qué sucede esto?