66 Asignacion de permisos con AJAX en el curso de Sistema de GestiónEscolar(PHP y MySql)FullStack

Duración: 13 min
Módulo: 🤝 Asignación de Permisos Lección 3 de 6

¡Contenido Exclusivo!

Adquiere este curso para tener acceso inmediato a esta y a **todas las lecciones Premium**.

Inscribirse Ahora por $20.00 Acceso instantáneo de por vida y código fuente incluido.

Descripción

Lección 66: Asignación de Permisos a Roles con Tecnología AJAX 🚀

Esta lección se centró en la implementación de la funcionalidad CREATE (Crear) para la asignación de permisos, utilizando AJAX (Asynchronous JavaScript and XML) para garantizar que los roles y permisos se asignen de forma dinámica, sin necesidad de recargar la página.

1. Preparación de la Interfaz y Datos 🖱️

Para que la asignación funcionara correctamente, fue necesario identificar y preparar los dos identificadores clave:

  • Identificador Único por Rol (Rol ID):
    • El botón "Asignar" se hizo único para cada rol al concatenar el ID_rol a su identificador (btn_Z_ + ID_rol) [01:29].
    • Un campo input oculto (hidden) se colocó en el formulario para capturar el ID_rol del rol que se está configurando [02:47].
  • Identificador del Permiso (Permiso ID):
    • El ID_permiso se obtiene del valor seleccionado en el dropdown (<select>) de la lista de rutas catalogadas [05:16].

2. Implementación del Script AJAX ⚙️

Se utilizó JavaScript/jQuery dentro de un script dinámico para manejar el evento click del botón "Asignar" de forma asíncrona.

  1. Captura de Variables: El script lee el valor del ID_rol (variable A) y el valor seleccionado del ID_permiso (variable B) [04:30], [05:27].
  2. Envío Asíncrono: Se configura una llamada AJAX que:
    • Controlador de Destino: create_roles_permisos.php [07:43].
    • Método: GET (para enviar los datos por URL) [08:12].
    • Datos: Envía el rol_ID y el permiso_ID como parámetros [08:22].

3. Lógica del Controlador (Backend) 💾

El controlador PHP create_roles_permisos.php es el encargado de procesar la solicitud AJAX y registrar los datos en la base de datos.

  • Recepción de Datos: El controlador recibe las variables rol_ID y permiso_ID a través del método $_GET [09:29].
  • Consulta SQL: Se ejecuta la sentencia INSERT INTO roles_permisos para vincular el rol con el permiso seleccionado.
  • Respuesta: En caso de éxito, el controlador devuelve una respuesta al frontend (el modal), mostrando un mensaje de confirmación sin recargar la página [11:38].

4. Resultado Verificado ✅

Al hacer clic en "Asignar", se comprueba que:

  • La página no se refresca [12:45].
  • La tabla de la base de datos roles_permisos se actualiza, registrando la nueva relación entre el rol_ID y el permiso_ID [12:51].

El próximo paso será listar los permisos ya asignados dentro del mismo modal para que el administrador pueda ver de forma inmediata las acciones que puede realizar el rol.