Acceder a la variable de sesión en JavaScript

Sahil Bhosale 12 octubre 2023
Acceder a la variable de sesión en JavaScript

Siempre que abre un navegador y visita un sitio web, se crea una sesión. Durante este tiempo, hasta que se abra la ventana de su navegador, haga lo que haga, todo, como la identificación de sesión única, los detalles de inicio de sesión, la información personal, etc., se registrará y almacenará dentro de una cookie. Estos detalles se envían de ida y vuelta entre el servidor y el cliente para saber quién está accediendo al sitio web.

Digamos que ha escrito un código que almacena el username del usuario en ASP.NET o C# con la ayuda del estado de la sesión.

protected void Page_Load(object sender, EventArgs e) {
  Session["UserName"] = "John_Wick";
}

En el código C# anterior, tenemos un método Page_Load(). Este método se llamará tan pronto como se cargue la página. Este método tiene una variable de sesión, UserName, que se utiliza para almacenar el nombre de usuario del usuario.

Acceder a las variables de sesión en JavaScript

Acceder a las distintas sesiones es fácil en JavaScript. Veamos cómo acceder a él con la ayuda del siguiente código.

A continuación tenemos un documento HTML. Dentro de la etiqueta head, hemos agregado un jQuery CDN ya que usaremos jQuery, una biblioteca de JavaScript. Dentro de nuestro body, tenemos una etiqueta div vacía que muestra el nombre de usuario del usuario obtenido de la variable de sesión. Tiene un id de greetings. Usando este id, apuntaremos a este div dentro de nuestro código jQuery.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- jquery cdn -->
    <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
    <title>Session Variable</title>

</head>
<body>

    <div id="greeting"></div>

    <script type="text/javascript">  
        $(function () {
            var name = 'Welcome ' + ' <%= Session["UserName"] %>'  
            $('#greeting').text(name)  
        });
    </script>  
</body>
</html>

Producción :

Welcome John_Wick

Dentro de nuestra etiqueta script, solo tenemos una única función llamada cuando se cargará la página. Para acceder a la variable de sesión que hemos definido en nuestro lenguaje ASP.NET o C#, solo tenemos que pasar ese nombre de variable como está dentro de esta etiqueta <%= %> como <%= Session["UserName"] %>. Tenga en cuenta que esta etiqueta está encerrada dentro de una cadena. Y luego, estamos anteponiendo otra cadena llamada Welcome antes de nuestra cadena de variable de sesión.

Finalmente, estamos almacenando el resultado dentro de la variable name. Luego agregamos el contenido de la variable name dentro del div que tiene un id de greetings. A continuación, mostrará el nombre de usuario del usuario en el navegador web Welcome John_Wick como salida.

Sahil Bhosale avatar Sahil Bhosale avatar

Sahil is a full-stack developer who loves to build software. He likes to share his knowledge by writing technical articles and helping clients by working with them as freelance software engineer and technical writer on Upwork.

LinkedIn

Artículo relacionado - JavaScript Variable