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.

Articolo correlato - JavaScript Variable

  • Controlla se una variabile non è definita in JavaScript
  • Controlla se la variabile esiste in JavaScript
  • Controlla se una variabile non è nulla in JavaScript