迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > JavaScript >

在 JavaScript 中访问会话变量

作者:迹忆客 最近更新:2023/03/11 浏览次数:

每当你打开浏览器并访问网站时,都会创建一个会话。在此期间,直到你的浏览器窗口打开,无论你做什么,诸如唯一会话 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 上显示用户的用户名作为输出。

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

如何在 PHP 中获取时间差的分钟数

发布时间:2023/03/29 浏览次数:183 分类:PHP

本文介绍了如何在 PHP 中获取时间差的分钟数,包括 date_diff()函数和数学公式。它包括 date_diff()函数和数学公式。

PHP 中的重定向

发布时间:2023/03/29 浏览次数:136 分类:PHP

本教程演示了如何将用户从页面重定向到 PHP 中的其他页面

PHP 分页

发布时间:2023/03/29 浏览次数:66 分类:PHP

本教程介绍如何在 PHP 中对数据库行进行分页

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便