Estoy intentando pasar algunos datos de un formulario pasándolos por ajax pero por alguna razón a la página que se envían los datos no llega nada. Este es mi código javascript:
</script>
<!-- Apertura Script -->
<script>
$(document).ready(function(){
$('#envio').click(function(){
var usuario = document.getElementById("nombre").value;
var telefono = document.getElementById("telefono").value;
var comentario = document.getElementById("comentario").value;
document.getElementById("usuario").innerHTML = usuario;
$("#formularioUsuario").hide(0);
$("#mensajeDespedida").show(800);
var url = "form.php";
var parametros = {
"nombre" : usuario,
"telefono" : telefono,
"comentario" : comentario
};
$.ajax({
type: "POST",
url: url,
data: parametros,
success: function(data, textStatus, jqXHR)
{
location.href ="http://localhost/a/form.php";
},
error: function(jqXHR, textStatus, errorThrown) {
alert('Ha ocurrido un error');
}
});
});
});
</script>
<!-- Cierre script -->
Y este es mi código php:
<?php
if(isset($_POST['telefono'])){
echo "Llegó";
$nombre=$_POST['nombre'];
$telefono = $_POST['telefono'];
$comentario = $_POST['comentario'];
$resultado = $nombre=$_POST['nombre'] . $telefono = $_POST['telefono'] . $comentario = $_POST['comentario'];
$json = json_encode($resultado);
echo $json;
}
else {
echo "No ha llegado";
}
?>
Agrego además el HTML, este dispara un modal:
<div id="formularioUsuario">
<form id="formUser" name="formUser" method="post" class="col-md-4 control-label">
<div class="form-group">
<label for="nombre"> Nombre:
<input type="text" id="nombre" name="nombre" class="form-control" autofocus>
</label>
</div>
<div class="form-group">
<label for="telefono"> Telefono:
<input type="tel" id="telefono" name="telefono" class="form-control">
</label>
</div>
<div class="form-group" id="test">
<label for="telefono"> Comentario:</label><br>
<textarea id="comentario" name="comentario" class="form-control" rows="4" cols="5" maxlength="100" placeholder="Agrega información adicional de lo que quieres que hablemos."></textarea>
</br>
<div class="modal-body">
</div>
<input type="button" id="envio" value="Enviar">
</form>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
El ajax no me lanza ningún error pero al carga la página "form.php" el echo disparado es "No ha llegado".
Yo no veo el error. ¿Qué podría ser?