Accedi alla variabile di sessione in JavaScript
Ogni volta che apri un browser e visiti un sito Web, viene creata una sessione. Durante questo periodo, fino all’apertura della finestra del browser, qualsiasi cosa tu faccia, tutto come ID di sessione univoco, dettagli di accesso, informazioni personali, ecc., Verrà registrato e memorizzato all’interno di un cookie. Questi dettagli vengono inviati avanti e indietro tra il server e il client per sapere chi sta accedendo al sito web.
Supponiamo che tu abbia scritto un codice che memorizza il username dell’utente in ASP.NET o C# con l’aiuto dello stato della sessione.
protected void Page_Load(object sender, EventArgs e) {
Session["UserName"] = "John_Wick";
}
Nel codice C# sopra, abbiamo un metodo Page_Load(). Questo metodo verrà chiamato non appena la pagina viene caricata. Questo metodo ha una variabile di sessione, UserName, utilizzata per memorizzare il nome utente dell’utente.
Accedi alle variabili di sessione in JavaScript
L’accesso alle varie sessioni è facile in JavaScript. Vediamo come accedervi con l’aiuto del codice sottostante.
Di seguito abbiamo un documento HTML. All’interno del tag head, abbiamo aggiunto un CDN jQuery poiché utilizzeremo jQuery, una libreria JavaScript. All’interno del nostro body, abbiamo un tag div vuoto che mostra il nome utente dell’utente recuperato dalla variabile di sessione. Ha un id di greetings. Usando questo id, mireremo a questo div all’interno del nostro codice 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>
Produzione:
Welcome John_Wick
All’interno del nostro tag script, abbiamo solo una singola funzione chiamata quando la pagina verrà caricata. Per accedere alla variabile di sessione che abbiamo definito nel nostro linguaggio ASP.NET o C#, dobbiamo solo passare il nome della variabile così com’è all’interno di questo tag <%= %> come <%= Session["UserName"] %>. Nota che questo tag è racchiuso all’interno di una stringa. E poi, stiamo anteponendo un’altra stringa chiamata Welcome prima della nostra stringa della variabile di sessione.
Infine, stiamo memorizzando il risultato all’interno della variabile name. Quindi aggiungiamo il contenuto della variabile name all’interno del div che ha un id di greetings. Verrà quindi visualizzato il nome utente dell’utente sul browser Web Welcome John_Wick come output.
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