在 JavaScript 中访问会话变量

Sahil Bhosale 2023年10月12日
在 JavaScript 中访问会话变量

每当你打开浏览器并访问网站时,都会创建一个会话。在此期间,直到你的浏览器窗口打开,无论你做什么,诸如唯一会话 ID、登录详细信息、个人信息等所有内容都将被记录并存储在 cookie 中。这些详细信息在服务器和客户端之间来回发送,以了解谁正在访问网站。

假设你已经编写了一个代码,在会话状态的帮助下将用户的 username 存储在 ASP.NET 或 C# 中。

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

在上面的 C# 代码中,我们有一个 Page_Load() 方法。该方法将在页面加载后立即调用。该方法有一个会话变量 UserName,用于存储用户的用户名。

在 JavaScript 中访问会话变量

在 JavaScript 中访问各种会话很容易。让我们看看如何在以下代码的帮助下访问它。

下面我们有一个 HTML 文档。在 head 标签内,我们添加了一个 jQuery CDN,因为我们将使用 jQuery,一个 JavaScript 库。在我们的 body 中,我们有一个空的 div 标签,显示从会话变量中获取的用户用户名。它有一个 greetingsid。使用这个 id,我们将在我们的 jQuery 代码中定位这个 div

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

输出:

Welcome John_Wick

在我们的 script 标签中,我们只有一个在页面加载时调用的函数。要访问我们在 ASP.NET 或 C# 语言中定义的会话变量,我们只需将该变量名传递给这个 <%= %> 标签,作为 <%= Session["UserName"] %>。请注意,此标记包含在字符串中。然后,我们在会话变量字符串之前添加另一个名为 Welcome 的字符串。

最后,我们将结果存储在 name 变量中。然后我们将 name 变量的内容添加到具有 greetings id 的 div 中。然后它将在网络浏览器 Welcome John_Wick 上显示用户的用户名作为输出。

作者: Sahil Bhosale
Sahil Bhosale avatar Sahil Bhosale avatar

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

相关文章 - JavaScript Variable