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,9 +153,8 @@ $username = $isLoggedIn ? $_SESSION['nombreUsuario'] : '';
 </div>
 
 <script>
-
+    // Registro
-// Registro
+    $('#botonAceptarRegistro').click(function(event) {
-$('#botonAceptarRegistro').click(function(event){
         event.preventDefault();
         console.log('hola');
         let nombreUsuario = $('#regNombre').val().trim();
@@ -168,7 +170,7 @@ $('#botonAceptarRegistro').click(function(event){
         $('#errorRegistro').text('');
 
         // Comprobamos que las contraseñas coincidan
-    if(contrasena !== contrasenaConfirmacion){
+        if (contrasena !== contrasenaConfirmacion) {
 
             $('#regPassword').addClass('is-invalid');
             $('#regPasswordConfirm').addClass('is-invalid');
@@ -187,10 +189,10 @@ $('#botonAceptarRegistro').click(function(event){
                 'contrasena': contrasena,
                 'orden': 'registrarUsuario'
             }
-    }).done(function(respuesta){
+        }).done(function(respuesta) {
-        console.log(respuesta);
+            //console.log(respuesta);
             respuesta = JSON.parse(respuesta);
-        if(respuesta.error){
+            if (respuesta.error) {
 
                 $('#errorRegistro').text(respuesta.error);
 
@@ -198,7 +200,7 @@ $('#botonAceptarRegistro').click(function(event){
                 $('#regNombre').addClass('is-invalid');
                 $('#regEmail').addClass('is-invalid');
 
-        }else{
+            } else {
 
                 // Registro correcto
                 $('#errorRegistro')
@@ -210,17 +212,17 @@ $('#botonAceptarRegistro').click(function(event){
                 $('#formRegistro')[0].reset();
 
                 // Cerramos modal después de un segundo
-            setTimeout(function(){
+                setTimeout(function() {
                     location.reload();
                 }, 1000);
             }
 
         }); // Fin función ajax
 
-});
+    });
 
-// Login
+    // Login
-$('#botonAceptarLogin').click(function(event){
+    $('#botonAceptarLogin').click(function(event) {
         event.preventDefault();
 
         let email = $('#loginEmail').val().trim();
@@ -232,15 +234,15 @@ $('#botonAceptarLogin').click(function(event){
         $('#errorLogin').text('');
 
         // Comprobación básica
-    if(email === '' || contrasena === ''){
+        if (email === '' || contrasena === '') {
 
             $('#errorLogin').text('Todos los campos son obligatorios.');
 
-        if(email === ''){
+            if (email === '') {
                 $('#loginEmail').addClass('is-invalid');
             }
 
-        if(contrasena === ''){
+            if (contrasena === '') {
                 $('#loginPassword').addClass('is-invalid');
             }
 
@@ -255,25 +257,49 @@ $('#botonAceptarLogin').click(function(event){
                 'contrasena': contrasena,
                 'orden': 'comprobarUsuario'
             }
-    }).done(function(respuesta){
+        }).done(function(respuesta) {
-        console.log(respuesta);
+            //console.log(respuesta);
             respuesta = JSON.parse(respuesta);
-        if(respuesta.error){
+            if (respuesta.error) {
 
                 $('#loginEmail').addClass('is-invalid');
                 $('#loginPassword').addClass('is-invalid');
 
                 $('#errorLogin').text(respuesta.error);
 
-        }else{
+            } else {
 
                 location.reload();
             }
 
         }); // Fin función ajax
 
-});
+    });
 
+    // 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;
-
 }