Señores del foro, antes todo estoy tratando de aprender esto de las webs, quisiera si alguno de uds me puede indicar porque no me anda el siguiente ejemplo:
tengo un ajax.html
<!DOCTYPE html>
<html>
<head>
<title>Prueba</title>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="../js_cf/spin.min.js"></script>
<script>
$(document).on('ready',function()
{
var pet = $('main form').attr('action');
var met = $('main form').attr('method');
$('main form').on('submit',function(e){
e.preventDefault();
$.ajax({
beforeSend: function()
{
$('#status').spin({radius:3,width:2,height:2,lengt h:4})
},
url: pet,
type: met,
data:$('main form').serialize(),
success: function(resp)
{
$('#status').html('CORRECTO');
console.log(resp)
},
error: function (jqXHR,estado,error)
{
$('#status').html('INCORRECTO');
console.log(estado);
console.log(error)
},
complete: function(jqXHR,estado)
{
console.log(estado)
},
timeout: 10000
})
})
});
</script>
</head>
<body>
<div id='main'>
<h1>Contacto</h1>
<form action='peticion.php' name='fo' method='POST'>
<input type='text' name='nombre' />
<input type='text' name='mail' />
<textarea name='mensaje'> </textarea>
<input type='submit' name='send' value='Enviar'/>
<div id='status'> </div>
</form>
</div>
</body>
</html>
y tengo un peticion php
<?
$nombre=$_POST['nombre'];
$mensaje=$_POST['mensaje'];
$mail=$_POST['mail'];
if ($nombre != "" && $mensaje != "" && $mail != "")
echo 'Correcto';
else
echo 'Incorrecto';
?>
Lo que no entiendo es lo siguiente:
1- porque no me vuelve una vez ejecutado peticion a mi html
2- porque no me muestra en el console de chrome (supongo porque no vuelve al html)
Me es importantisimo su respuesta que estoy seguro que para muchos sera algo bulgar y para mi es tan importante que no me permite seguir avanzando.
Desde ya muchas gracias.