cierre de sesion

cabecera.php

@@ -51,11 +51,14 @@ $username = $isLoggedIn ? $_SESSION['nombreUsuario'] : '';
                                     <i class="fa-solid fa-user text-primary"></i> Perfil
                                 </a>
                             </li>
-                            <li><hr class="dropdown-divider"></li>
                             <li>
-                                <a class="dropdown-item logout-item d-flex align-items-center gap-2" href="logout.php">
+                                <hr class="dropdown-divider">
+                            </li>
+                            <li>
+                                <a class="dropdown-item logout-item d-flex align-items-center gap-2" href="#" id="botonCerrarSesion">
                                     <i class="fa-solid fa-right-from-bracket"></i> Cerrar Sesión
                                 </a>
+
                             </li>
                         </ul>
                     </div>
@@ -150,7 +153,6 @@ $username = $isLoggedIn ? $_SESSION['nombreUsuario'] : '';
 </div>
 
 <script>
-
     // Registro
     $('#botonAceptarRegistro').click(function(event) {
         event.preventDefault();
@@ -188,7 +190,7 @@ $('#botonAceptarRegistro').click(function(event){
                 'orden': 'registrarUsuario'
             }
         }).done(function(respuesta) {
-        console.log(respuesta);
+            //console.log(respuesta);
             respuesta = JSON.parse(respuesta);
             if (respuesta.error) {
 
@@ -256,7 +258,7 @@ $('#botonAceptarLogin').click(function(event){
                 'orden': 'comprobarUsuario'
             }
         }).done(function(respuesta) {
-        console.log(respuesta);
+            //console.log(respuesta);
             respuesta = JSON.parse(respuesta);
             if (respuesta.error) {
 
@@ -274,6 +276,30 @@ $('#botonAceptarLogin').click(function(event){
 
     });
 
+    // Cerrar sesión
+    $('#botonCerrarSesion').click(function(event) {
+        event.preventDefault();
 
+        $.ajax({
+            method: "POST",
+            url: "controladores/controladorUsuario.php",
+            data: {
+                'orden': 'cerrarSesion'
+            }
+        }).done(function(respuesta) {
+            //console.log(respuesta);
+            respuesta = JSON.parse(respuesta);
+            if (respuesta.error) {
+                console.log(respuesta.error);
+            } else {
+
+                // Sesión cerrada correctamente
+                location.reload();
+
+            }
+
+        }); // Fin función ajax
+
+    }); // Fin función click
 
 </script>

controladores/ControladorUsuario.php

@@ -59,7 +59,6 @@ switch ($_POST['orden']) {
                 'idUsuario' => $resultado->getIdUsuario(),
                 'nombreUsuario' => $resultado->getNombreUsuario()
             ]);
-
         } else {
 
             echo json_encode([
@@ -73,6 +72,12 @@ switch ($_POST['orden']) {
 
     case 'cerrarSesion':
 
+        // Limpiamos las variables de sesión
+        unset($_SESSION['idUsuario']);
+        unset($_SESSION['email']);
+        unset($_SESSION['nombreUsuario']);
+
+        // Destruimos la sesión
         session_destroy();
 
         echo json_encode([
@@ -80,5 +85,4 @@ switch ($_POST['orden']) {
         ]);
 
         break;
-
 }