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.
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