61 SCRIPT PARA ENVIAR DATOS DE LA COMPRA AL CONTROLADOR en SISTEMA DE VENTAS(PHPyMySql)FullStack

Duraci贸n: 13 min
M贸dulo: 馃挵 Implementaci贸n y Registro del M贸dulo de Compras Lecci贸n 13 de 17

Descripci贸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_productoID del campo oculto (#ID_producto)Campo clave para la relaci贸n.
numero_compraID del campo oculto (#numero_compra)N煤mero correlativo de la compra.
fecha_compraID del input de fecha (#fecha_compra)[08:15]
ID_proveedorID del campo oculto (#ID_proveedor)Campo clave para la relaci贸n.
comprobanteID del input de texto (#comprobante)Tipo de documento f铆sico [10:36].
ID_usuarioValor 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_compraID del input de precio (#precio_compra)Valor monetario de la transacci贸n [12:08].
cantidad_compraID 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.