Acesse a variável de sessão em JavaScript

Sempre que você abre um navegador e visita um site, uma sessão é criada. Durante esse tempo, até que a janela do navegador seja aberta, faça o que fizer, tudo como id de sessão única, detalhes de login, informações pessoais, etc., serão registrados e armazenados dentro de um cookie. Esses detalhes são enviados e enviados entre o servidor e o cliente para saber quem está acessando o site.

Digamos que você tenha escrito um código que armazena o username do usuário no ASP.NET ou C# com a ajuda do estado da sessão.

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

No código C# acima, temos um método Page_Load(). Este método será chamado assim que a página for carregada. Este método possui uma variável de sessão, UserName, usada para armazenar o nome de usuário do usuário.

Acesse as variáveis ​​de sessão em JavaScript

O acesso às várias sessões é fácil em JavaScript. Vamos ver como acessá-lo com a ajuda do código abaixo.

Abaixo, temos um documento HTML. Dentro da tag head, adicionamos um jQuery CDN, pois usaremos o jQuery, uma biblioteca JavaScript. Dentro de nosso body, temos uma tag div vazia exibindo o nome de usuário do usuário obtido da variável de sessão. Tem um id de greetings. Usando este id, teremos como alvo este div dentro do nosso 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>

Resultado:

Welcome John_Wick

Dentro de nossa tag script, temos apenas uma única função chamada quando a página for carregada. Para acessar a variável de sessão que definimos em nossa linguagem ASP.NET ou C#, só temos que passar o nome da variável como está dentro desta tag <% =%> como <%= Session["UserName"] %>. Observe que essa tag está dentro de uma string. E então, estamos acrescentando outra string chamada Welcome antes de nossa string de variável de sessão.

Finalmente, estamos armazenando o resultado dentro da variável name Em seguida, adicionamos o conteúdo da variável name dentro do div que tem um id de greetings. Em seguida, exibirá o nome de usuário do usuário no navegador da web Welcome John_Wick como uma saída.

Artigo relacionado - JavaScript Variable

  • Variáveis estáticas em JavaScript