estoy intentando pasar varias variables sacadas de un calendario desde jquery en cuanto se clickea sobre una fecha determinada del calendario. Cuand se clickea arroja la fecha a un input con id="my_hidden_input"
$('#datepicker').on('changeDate', function() {
$('#my_hidden_input').val(
$('#datepicker').datepicker('getFormattedDate')
);
var fecha = $('#my_hidden_input').val();
console.log(fecha);
var dia_fecha = fecha.slice(0,2);
console.log(dia_fecha);
var mes_fecha = fecha.slice(3,5);
console.log(mes_fecha);
var anyo_fecha = fecha.slice(6,10);
console.log(anyo_fecha);
$.ajax({
beforeSend: function (){
},
url: "horarios.php" ,
type: "post",
data: {dia_f:dia_fecha, mes_f:mes_fecha, anyo_f: anyo_fecha},
sucess: function (resp){
console.log(resp)
},
error: function (jqXHR, estado, error){
console.log(estado);
console.log(error);
},
complete: function (jqXHR, estado){
console.log(estado);
},
timeout: 10000
});
});
Luego, para obtener la variable en el archivo horarios.php:
$dia_fech = $_POST['dia_f'];
Me arroja el siguiente error: Notice: Undefined index: dia_f in /home/u743999068/public_html/abm/horarios.php on line 68
En consola me sale lo siguiente:
20/07/2018 20 07 2018 success
Código PHP:
<html lang="es">
<head>
<meta charset="UTF-8">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="calendario/css/bootstrap-datepicker.css" rel="stylesheet">
<link href="calendario/css/bootstrap-datepicker.min.css" rel="stylesheet">
<link href="calendario/css/less/datepicker.less" rel="stylesheet">
<link href="calendario/css/build/build.less" rel="stylesheet">
<title>Mi horario</title>
</head>
<body>
<div class="container">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#miMenu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="../login-register/index2.php" class="navbar-brand">Bienvenido usuario
<?php
session_start();
echo $_SESSION['usr_name'];
?>
</a>
</div>
<div class="collapse navbar-collapse" id="miMenu">
<ul class="nav navbar-nav">
<li><a href="edit_form2.php">Perfil</a></li>
<li class="active"><a href="horarios.php">Horarios</a></li>
<li><a href="../login-register/logout.php"><span class="label label-danger">CERRAR SESION </span></a></li>
</ul>
</div>
</div>
</nav>
</div>
<div class="container">
<div class="panel panel-default">
<div class="panel-heading">HORARIO</div>
<div class="table-responsive">
<table class="table table-striped table-hover">
<thead>
<tr>
<th>HORAS</th>
<th>ACCION</th>
</tr>
</thead>
<tbody>
<?php
require('conexion.php');
$user=$_SESSION['usr_name'];
$result=mysqli_query($conexion,"SELECT id_cita FROM citas where nombre_cita='$user'");
$cita=mysqli_fetch_array($result);
$codcita=$cita['id_cita'];
if ($codcita==0){
?>
<div class="container">
<div id="datepicker" ></div>
<input type="hidden" id="my_hidden_input">
</div>
<?php
$dia_fech = $_POST['dia_f'];
$result=mysqli_query($conexion,"SELECT * FROM horarios where dia='$dia_fech'");
while ($horarios=mysqli_fetch_array($result)){
$id=$horarios['id'];
if ($horarios['Cliente']==null){
/*echo "<tr><td id='id:$id' class='cam_editable'>".$horarios['id']."</td>";*/
echo "<td id='horas:$id' class='cam_editable'>".$horarios['horas']."</td>";
echo"<td id='$id' name='$user' button='true'><button type='button' class='btn btn-success'><span class='glyphicon glyphicon-pencil'></span> Apartar</button></td>";
echo"</tr>";
}
}
}else{
$result=mysqli_query($conexion,"SELECT * FROM horarios where Cliente='$user'");
while ($horarios=mysqli_fetch_array($result)){
$id=$horarios['id'];
/*echo "<tr><td id='id:$id' class='cam_editable'>".$horarios['id']."</td>";*/
echo "<td id='horas:$id' class='cam_editable'>".$horarios['horas']."</td>";
echo"<td id='$id' name='$user' button='false'><button type='button' class='btn btn-danger'><span class='glyphicon glyphicon-remove'></span> Cancelar Cita</button></td>";
echo"</tr>";
}
}
?>
</tbody>
</table>
</div>
</div>
</div>
<script src="js/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="js/maincita.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="calendario/js/bootstrap-datepicker.js"></script>
<script src="calendario/locales/bootstrap-datepicker.es.min.js"></script>
<script src="js/calendario.js"></script>
</body>
Un saludo y gracias!
data: {'dia_f' :dia_fecha, 'mes_f': mes_fecha, 'anyo_f' : anyo_fecha},
beforeSend: function (){ },
quítale esa parte delbeforeSend
y prueba de nuevo.dataType: "text"
como otro de los parámetros del ajax para definir el tipo de contenido que mandas. Si puedes poner el PHP para verlo, talvez sea ahí la cuestiónvar_dump($_POST);
en tu archivo PHP? También cambiatype
pormethod
aquí:method: "post",
, puestype
es para versiones antiguas de jQuery.