66 Cargar datos de los horario con AJAX para la Atención de Doctores con LARAVEL(PHP-MySql)FullStack
Duración: 10 min
Módulo: ⏰ Horarios y Lógica de Disponibilidad
Lección 7 de
11
Descripción
📊🔄 Lección 66: Carga Completa de Datos de Horarios Filtrados con AJAX (Laravel)
Esta lección finaliza la implementación de AJAX, asegurando que el controlador de Laravel devuelva la vista del calendario filtrada por el consultorio seleccionado, logrando la funcionalidad dinámica sin refrescar la página.
🎯 1. Objetivo y Consulta a la Base de Datos
El objetivo es modificar la función cargarDatosConsultorios en el controlador para que, en lugar de retornar solo el ID, ejecute una consulta filtrada y retorne la estructura completa del calendario.
Consulta Filtrada (Eloquent): Se utiliza el modelo Horario y la cláusula where para consultar la base de datos, obteniendo solo los horarios que coincidan con el $id del consultorio recibido por el parámetro AJAX [02:25].
PHP
$horarios = Horario::where('consultorio_id', $id)->get();
- Verificación: Una prueba inicial mostrando el array $horarios confirma que la consulta funciona correctamente, devolviendo los datos específicos del consultorio 1 o 2 [03:32].
🖥️ 2. Retorno de la Vista Filtrada
Para que el frontend pueda renderizar el calendario, se debe retornar HTML, no solo datos. Esto se logra creando una vista parcial.
- Creación de la Vista Parcial: Se crea una nueva vista (admin.horarios.ajax-data-horarios.blade.php) cuyo único propósito es contener el código HTML del calendario [04:54].
- Envío de la Vista: En el controlador, se usa return view() para renderizar esta nueva vista y se le pasa la variable $horarios con los datos filtrados a través de compact() [05:17].
- Migración del Código del Calendario: La lógica de la tabla del calendario (incluyendo los bucles @foreach de horas y días) se mueve por completo desde la vista principal (index.blade.php) a esta nueva vista parcial [08:14].
🚀 3. Resultado Dinámico y Beneficios
El sistema ahora está completamente integrado, proporcionando una experiencia de usuario fluida.
- Actualización Instantánea: Al seleccionar un consultorio en el select, la función AJAX captura el ID, consulta la base de datos, el controlador genera el HTML del calendario filtrado, y jQuery inyecta ese HTML en el div (consultorio_info), todo sin recargar la página [08:45].
- Filtrado Correcto: El calendario ahora muestra correctamente solo los horarios asignados al consultorio seleccionado, resolviendo el error de validación anterior y ofreciendo una visualización clara [09:24].
Lecciones
⚙️ Inicio y Estructura Base
👤 CRUD de Usuarios y UX Avanzada
Lección 2. 10 Listado de usuarios del controllador a la vista en el SISTEMA (PHP y MySql)FullStack
9 min
Lección 3. 11 Diseño de tabla con BOOTSTRAP en la vista en el SISTEMA (PHP y MySql) FullStack
12 min
Lección 6. 14 Registro y validación de datos para USUARIOS en el SISTEMA (PHP y MySql)FullStack
16 min
👩💼 Módulo de Secretarias
🤒 Gestión de Pacientes
Lección 4. 38 Como llamar desde un seeder a un factory de pacientes en LARAVEL(PHP-MySql) FullStack
14 min
Lección 8. 42 Show Pacientes en el sistema de reservas de citas medicas LARAVEL(PHP-MySql) FullStack
12 min
Lección 9. 43 EDIT Pacientes en el sistema de reservas de citas medicas LARAVEL(PHP-MySql) FullStack
14 min
🏥 Infraestructura: Consultorios y Doctores
⏰ Horarios y Lógica de Disponibilidad
Lección 1. 60 Calendario de Atención de Doctores en el sistema con LARAVEL(PHP-MySql) FullStack
14 min
Lección 10. 69 Plantilla Web para el sistema de reserva de citas con LARAVEL(PHP-MySql) FullStack
13 min
🔑 Seguridad, Roles y Permisos
Lección 6. 76 Identificando el ROL de cada Usuario en el Sistema con LARAVEL(PHP-MySql) FullStack
11 min
Lección 8. 78 Mostrar el Menú según los Roles y Permisos en Sistema con LARAVEL(PHP-MySql) FullStack
7 min
Lección 9. 79 Acceso No Autorizado con Roles y Permisos en Sistema con LARAVEL(PHP-MySql) FullStack
14 min
Lección 12. 82 Cargar Horario en la página principal en Sistema con LARAVEL(PHP-MySql) FullStack
16 min
Lección 13. 83 Redirigir a ADMIN desde Login y Register en Sistema con LARAVEL(PHP-MySql) FullStack
12 min
🗓️ Reserva de Citas y FullCalendar
Lección 2. 87 Formulario para Registrar Citas Medicas del Sistema con LARAVEL(PHP-MySql) FullStack
18 min
Lección 3. 88 Guardar Cita Medica en la Base de Datos de Sistema con LARAVEL(PHP-MySql) FullStack
15 min
Lección 9. 94 Cargar Reservas de Citas Medicas con AJAX del Sistema con LARAVEL(PHP-MySql) FullStack
20 min
📝 Historial Clínico, Configuraciones y Reportes
Lección 17. 116 Modificación del Historial Clínico del Sistema con LARAVEL(PHP-MySql) FullStack
15 min
Lección 19. 118 Reporte Impreso del Historial Clínico del Sistema con LARAVEL(PHP-MySql) FullStack
17 min
Lección 20. 119 Buscar Pacientes del Historial Clínico del Sistema con LARAVEL(PHP-MySql) FullStack
17 min
Lección 21. 120 Buscar Pacientes del Historial Clínico del Sistema con LARAVEL(PHP-MySql) FullStack
12 min
💵 Pagos, Impresión y Cierre
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️
