61 SCRIPT PARA ENVIAR DATOS DE LA COMPRA AL CONTROLADOR en SISTEMA DE VENTAS(PHPyMySql)FullStack
Duraci贸n: 13 minDescripci贸n
Lecci贸n 61: Preparaci贸n del Script de Env铆o de Datos al Controlador (AJAX) 馃殌馃捑
Esta lecci贸n se centr贸 en la etapa final de la vista de registro de compras (create.php): recuperar todas las variables del formulario y preparar el script de jQuery/JavaScript que las enviar谩 al controlador de PHP mediante el m茅todo AJAX para su posterior procesamiento y guardado.
1. Elementos para el Env铆o Final 馃摛
Se prepar贸 el bot贸n y se a帽adieron los campos ocultos necesarios para el env铆o de datos:
- Bot贸n "Guardar Compra": Se cre贸 el bot贸n final para disparar la acci贸n de guardado. Se le asign贸 el ID btn_guardar_compra y el estilo btn-primary btn-block para que ocupe todo el ancho disponible [02:43].
- Campos Ocultos (hidden): Dado que algunos valores cruciales (como los IDs y el N煤mero de Compra) est谩n deshabilitados o no son visibles, se crearon inputs de tipo hidden para poder recuperar sus valores en el script de JavaScript:
- ID Producto (ID_producto): Se a帽adi贸 un campo hidden y se configur贸 para recibir el ID del producto seleccionado a trav茅s de jQuery [04:36].
- N煤mero de Compra (numero_compra): Se a帽adi贸 otro campo hidden que toma el valor correlativo autogenerado y lo oculta, asegurando que el dato pueda ser le铆do por JavaScript [07:16].
- ID Proveedor (ID_proveedor): Similar al ID de producto, se a帽adi贸 un campo hidden para transferir el ID del proveedor seleccionado [08:43].
2. Script de Recolecci贸n de Variables (jQuery) 馃搵
Se inici贸 la funci贸n click del bot贸n btn_guardar_compra para recolectar todos los datos necesarios. El proceso consisti贸 en crear una variable de JavaScript (var) por cada campo que se debe enviar a la base de datos:
| Variable PHP (Destino) | Campo (Recuperado con ID) | Comentarios |
|---|---|---|
| ID_producto | ID del campo oculto (#ID_producto) | Campo clave para la relaci贸n. |
| numero_compra | ID del campo oculto (#numero_compra) | N煤mero correlativo de la compra. |
| fecha_compra | ID del input de fecha (#fecha_compra) | [08:15] |
| ID_proveedor | ID del campo oculto (#ID_proveedor) | Campo clave para la relaci贸n. |
| comprobante | ID del input de texto (#comprobante) | Tipo de documento f铆sico [10:36]. |
| ID_usuario | Valor de la variable de sesi贸n de PHP ($ID_session) | Se inyecta directamente el ID del usuario logueado en una variable JavaScript [11:08]. |
| precio_compra | ID del input de precio (#precio_compra) | Valor monetario de la transacci贸n [12:08]. |
| cantidad_compra | ID del input de cantidad (#cantidad_compra) | Cantidad de unidades compradas [12:35]. |
3. Pr贸ximos Pasos: Env铆o AJAX y Controlador 鉃★笍
Con todas las variables necesarias almacenadas en el script, la etapa final del video qued贸 lista. El siguiente paso ser谩 implementar el c贸digo AJAX para encapsular y enviar estas variables al nuevo controlador create.php dentro del m贸dulo de Compras, donde se ejecutar谩 la l贸gica de inserci贸n en la tabla de compras y la actualizaci贸n del stock en la tabla de almac茅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! 鉂わ笍