HOWTO · JavaScript
Acesse a variável de sessão em JavaScript
Neste artigo, veremos como acessar 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.
