65 Cargar horario con AJAX para la Atención de Doctores con LARAVEL(PHP-MySql) FullStack PARTE 2
Duración: 10 min
Módulo: ⏰ Horarios y Lógica de Disponibilidad
Lección 6 de
11
Descripción
🌐 AJAX Parte 2: Creación de Ruta y Función de Carga Dinámica (Laravel)
Esta lección es la continuación de la implementación AJAX, donde se configura el backend de Laravel para recibir la solicitud del frontend (el ID del consultorio) y enviar de vuelta la información de horarios filtrada.
🛣️ 1. Definición de la Ruta para la Solicitud AJAX
Se debe crear una ruta específica en Laravel para que la solicitud AJAX de jQuery sepa a qué función del controlador dirigirse [02:17].
- Ruta Tipo GET: Se define una nueva ruta en el archivo routes/web.php de tipo GET [02:25].
Estructura de la URL: La ruta debe coincidir con la URL definida en el frontend, incluyendo el parámetro del ID del consultorio [02:45]:
/admin/horarios/consultorios/{id}
- Función del Controlador: Esta ruta se asocia a una nueva función dentro del HorariosController, llamada cargarDatosConsultorios.
🎛️ 2. Creación de la Función en el Controlador
Se implementa la nueva función en el HorariosController para procesar el ID recibido.
- Definición: Se crea la función public function cargarDatosConsultorios($id) dentro del controlador para recibir el ID del consultorio como argumento [03:50].
- Prueba Inicial (Echo): Inicialmente, se utiliza una simple instrucción echo dentro de la función para devolver el ID y una cadena de texto. Esto permite confirmar que la solicitud AJAX está llegando al backend y que este está respondiendo correctamente [04:07].
- Verificación Exitosa: Al seleccionar un consultorio, la respuesta del backend se visualiza sin errores, confirmando la conexión y el envío del parámetro [08:55].
🔄 3. Ajuste de URL y Conexión
Durante el proceso, se identifica un problema común con las rutas en proyectos Laravel que se soluciona asegurando que la URL sea absoluta.
- Uso de Route en Lugar de URL Fija: Para garantizar la compatibilidad y evitar errores de ruta (como la "Página no encontrada" [05:33]), se utiliza la función Route::get en el frontend de jQuery para referenciar la ruta por su nombre y luego se usa replace para inyectar el ID del consultorio en el parámetro [06:51].
🎯 4. Próximo Paso (Pendiente)
Una vez confirmada la comunicación entre frontend y backend, la tarea para la siguiente lección es:
- Consultar y Devolver el Calendario: En lugar de devolver solo el ID, la función cargarDatosConsultorios debe ejecutar la consulta a la base de datos para filtrar los horarios según el $id del consultorio recibido y luego devolver la vista del calendario filtrado [09:02].
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! ❤️
