Estoy desarrollando un sistema web de gestion de turnos con symfony 3.4, jquery y ajax. En un formulario, el usuario selecciona una sede y una fecha y debe presionar un boton para obtener los turnos disponibles. No puedo obtener la respuesta del servidor o bien no me esta ejecutando el pedido. Es la primera vez que aplico ajax.
El script que me debe enviar los datos por POST es la siguiente:
//AJAX CON JQUERY
$("#actualizar").on("click",consultarTurnos);
function consultarTurnos()
{
var sede = $("#sede").val();
var fecha = $("#fecha").val();
$.ajax
({
method: 'GET',
url: '/turnos',
data: datos,
dataType: 'json',
success: function (respuesta)
{
// alert('la respuesta es ' + respuesta);
$("#respuesta").html(data);
},
error : function(xhr, status)
{
alert('hay error');
//alert('ERROR -> '. status);
}
});
}
</script>
El codigo html es el siguiente:
<div class="col-lg-4 col-md-4">
<select class="form-control"
name="sede"
id="sede"
required=""
onchange="guardarSede();">
<option disabled selected hidden>Seleccione la sede</option>
<option value="1">Predio UNL - ATE</option>
<option value="2">Rectorado</option>
<option value="3">Esperanza</option>
</select>
</div>
<div class="col-lg-4 col-md-4">
<input class="form-control"
type="text"
id = "datepicker"
required=""
placeholder="Seleccione la fecha"
onchange="guardarFecha();"
disabled
/>
<textarea
name="fecha"
id="fecha"
style = "display:none"
onchange="habilitarTurno();">
</textarea>
<!-- -->
</div>
<div class="col-lg-2 col-md-2">
<button class="btn btn-default"
name ="actualizar"
id="actualizar"
type="button">Actualizar </button>
</div>
El metodo que debe recibir la información y responder en formato json es la siguiente:
/**
* @Route("/turnos",name="turnos")
*/
public function buscarTurnos(Request $request)
{
//var_dump($_GET);
if($request->isXmlHttpRequest())
{
$sede = $request->request->get('sede');
$fecha = new \DateTime($request->request->get('fecha'));
$db = $this->getDoctrine()->getEntityManager();
$qb = $db->createQueryBuilder();
//escribo la consuLta
$qb->select('t.dia,t.horario,t.cupo')
->from('ComensalesBundle:Turno','t')
->where('t.dia = :fecha')
->andWhere('t.sede = :sede')
->setParameter('fecha',$fecha)
->setParameter('sede',$sede)
;
//genero
$q = $qb->getQuery();
//consulto
//$resultado = $q->getResult();
$resultado = $q->getArrayResult();
//retorno
return new JsonResponse($resultado);
}
return $this->redirect($this->generateUrl('final'));
}
Ingresando a la consola del navegador, muestra lo siguiente: Por lo que veo, se esta enviando por get la información pero no esta obteniendo la respuesta del servidor.
La consulta mysql de buscarTurnos() funciona correctamente y el metodo devuelve la respuesta en formato json como es esperado. Supongo que el error se encuentra en como uso ajax con jquery. Cualquier colaboración sera eternamente agradecida. Saludos Cristian