74 – SCRIPT PARA REGISTRAR DATOS DEL TICKET en el sistema con BD y GitHub (👨💻PHP y MYSQL💻)
Duración: 10 minDescripción
🎓 Lección 74: Script para Registrar Datos del Ticket (PHP & jQuery)
Esta lección se enfoca en el desarrollo de la lógica front-end (JavaScript/jQuery) y la preparación del formulario para capturar los datos que se registrarán en la tabla tickets recién creada. Se trabaja principalmente en el archivo principal para que el botón de "Imprimir Ticket" funcione como un disparador de registro de datos.
🎯 Objetivos de la Lección
- Ajuste de la Vista: Incorporar el campo de cubículo en el modal de registro para que el operario pueda verificar la información.
- Preparación del Controlador: Implementar el script jQuery para recolectar todos los datos del formulario al hacer clic en "Imprimir Ticket".
| Icono | Tarea Principal | Descripción |
|---|---|---|
| 🏢 | Ajuste del Modal | Se modifica el archivo principal.php para añadir un input que muestre el número de cubículo seleccionado, ya que este dato es esencial tanto para el ticket como para el registro [03:17]. |
| 🖱️ | Disparador del Evento | Se asigna un ID (btn_registrar_ticket) al botón de impresión y se crea un script para que, al hacer clic en él, se ejecute la lógica de captura [04:07]. |
Exportar a Hojas de cálculo
🛠️ Mecanismo de Captura de Datos con jQuery
La parte central del video consiste en crear las variables en JavaScript (jQuery) para leer los valores de cada campo del formulario. Este paso es crucial para enviar posteriormente los datos al controlador PHP.
1. Identificación y Lectura de Variables
El instructor enfatiza la necesidad de que todos los inputs tengan un ID único que combine el nombre del campo con el ID del mapping (ej., ID_placa_MAP).
| Variable (jQuery) | Campo a Capturar | Fuente del ID |
|---|---|---|
| placa | Placa del vehículo. | ID del input en principal.php [06:42]. |
| nombre | Nombre del Cliente. | ID añadido al input en el Controlador (ControllerClientes.php) [08:11]. |
| nit_ci | NIT o Cédula de Identidad. | ID añadido al input en el Controlador (ControllerClientes.php) [09:47]. |
| cubiculo | Número de cubículo seleccionado. | ID añadido al input en principal.php [02:41]. |
Exportar a Hojas de cálculo
2. Estandarización de IDs
Se muestra cómo los campos nombre y nit_ci deben ser modificados directamente en el controlador de búsqueda de clientes (ya que se cargan dinámicamente) para garantizar que tengan IDs únicos y puedan ser leídos correctamente por el script de registro, independientemente de si el cliente es nuevo o existente [08:04].
El video culmina con la captura exitosa de todas las variables del formulario, dejando el script listo para implementar la llamada AJAX y el controlador PHP de inserción en la siguiente lección.
Lecciones
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️