Estoy intentando realizar un calendario de eventos con fullcalendar y php. Tengo unos datos guardados en una BD los cuales quiero mostrar en el calendario, pero por más que intento no logro que se muestren la consola del navegador. Lo único que me marca es esta advertencia:
Failure parsing JSON {message: 'Failure parsing JSON', xhr: XMLHttpRequest}
El código php que utilizo es
$query = $conn->prepare("SELECT * FROM eventos");
$query->execute();
$resultado = $query->get_result();
$eventos = [];
while($row_events = mysqli_fetch_array($resultado)){
$title = $row_events['title'];
$color = $row_events['color'];
$eventos[] = [
'title' => $title,
'color' => $color,
];
}
echo json_encode($eventos);
codigo js para mostrar eventos
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
//creando vistas semana dia
headerToolbar: {
left: 'prev,next today,boton',
right: 'dayGridMonth,dayGridWeek,list',
center: 'title',
},
events: {
url: 'logica/eventos.php',
}
});
//cambiar idioma a espanol
calendar.setOption('locale', 'Es');
calendar.render();
});
He buscado por todas partes y realmente no sé cuál es mi error.
Un último dato: eventos.php me devuelve lo siguiente
[{"title":"titulo","color":"#FF5722"},{"title":"azsdasdas","color":"#8BC34A"}]
Version full calendar: 5 Version php: 8
Update: Eh probado con alguna de las sugerencias hechas y aun sigo sin poder resolver esto. Por si sirve de algo adjunto lo que me marca pestaña de network. No entiendo bien pero creo que si esta recibiendo los datos o si alguien puede orientarme. Gracias.