seguir MVC en perfil

js/cabecera.js

@@ -43,7 +43,7 @@ function comprobarSesion() {
             </button>
             <ul class="dropdown-menu dropdown-menu-end user-dropdown-menu" aria-labelledby="userDropdown">
               <li>
-                <a class="dropdown-item d-flex align-items-center gap-2" href="perfil.php">
+                <a class="dropdown-item d-flex align-items-center gap-2" href="perfil.html">
                   <i class="fa-solid fa-user text-primary"></i> Perfil
                 </a>
               </li>
@@ -203,4 +203,3 @@ $(document).on("click", "#botonCerrarSesion", function (event) {
     }
   });
 });
-

js/perfil.js

@@ -1,3 +1,26 @@
+// COMPROBAR SESIÓN Y MOSTRAR NOMBRE/AVATAR
+// (antes en perfil.php)
+
+$.ajax({
+  method: "POST",
+  url: "controladores/controladorUsuario.php",
+  data: { orden: "comprobarSesion" },
+}).done(function (respuesta) {
+  if (typeof respuesta === "string") respuesta = JSON.parse(respuesta);
+
+  if (!respuesta.activa) {
+    // Sin sesión: fuera de aquí
+    window.location.href = "index.php";
+    return;
+  }
+
+  $("#nombre").text(respuesta.usuario.nombreUsuario || "Usuario");
+  $("#fotoPerfil").attr(
+    "src",
+    respuesta.usuario.avatar || "img/avatars/defaultProfile.jpeg"
+  );
+});
+
 // =========================
 // MOSTRAR ESTADISTICAS
 // =========================
@@ -50,8 +73,8 @@ function cambiarNombre() {
       $("#nuevoNombre").val("");
 
     
-      if (typeof comprobarEstadoSesion === "function") {
+      if (typeof comprobarSesion === "function") {
-        comprobarEstadoSesion();
+        comprobarSesion();
       }
     }
   });
@@ -110,8 +133,8 @@ $("#inputFoto").change(function () {
       );
 
       // Actualizamos también el avatar superior en la cabecera 
-      if (typeof comprobarEstadoSesion === "function") {
+      if (typeof comprobarSesion === "function") {
-        comprobarEstadoSesion();
+        comprobarSesion();
       }
     }
   });

perfil.php

@@ -1,7 +1,3 @@
-<?php
-require_once '/controladores/controladorPerfil.php';
-?>
-
 <!DOCTYPE html>
 <html lang="es">
 
@@ -31,7 +27,7 @@ require_once '/controladores/controladorPerfil.php';
 
 <body>
 
-    <?php include_once 'cabecera.php'; ?>
+    <div id="cabecera"></div>
 
     <div class="perfil-container">
 
@@ -52,14 +48,14 @@ require_once '/controladores/controladorPerfil.php';
 
                         <!-- Nombre -->
                         <h1 id="nombre" class="nombre">
-                            <?= $nombreUsuario ?>
+                            
                         </h1>
 
                         <!-- FOTO DE PERFIL -->
                         <div class="foto-container">
 
                             <img id="fotoPerfil"
-                                 src="<?= $avatarUsuario ?>"
+                                 src="img/avatars/defaultProfile.jpeg"
                                  alt="Foto de perfil"
                                  class="avatar rounded-circle">
 
@@ -283,7 +279,7 @@ require_once '/controladores/controladorPerfil.php';
                         Cancelar
                     </button>
 
-                    <button type="submit" form="formCrearPregunta" class="btn btn-kahoot-login" id="btnCrearPregunta">
+                    <button type="submit" form="formCrearPregunta" class="btn btn-kahoot-register" id="btnCrearPregunta">
                         <i class="bi bi-check-lg me-1"></i>
                         Crear pregunta
                     </button>
@@ -299,6 +295,7 @@ require_once '/controladores/controladorPerfil.php';
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
 
     <!-- Tu JavaScript -->
+    <script>$("#cabecera").load("cabecera.php");</script>
     <script src="js/perfil.js"></script>
 
 </body>