Доступ к переменной сеанса в JavaScript

Каждый раз, когда вы открываете браузер и посещаете веб-сайт, создается сеанс. В течение этого времени, пока окно вашего браузера не будет открыто, что бы вы ни делали, все, например уникальный идентификатор сеанса, данные для входа в систему, личная информация и т. Д., Будет записываться и храниться в файле cookie. Эти данные пересылаются между сервером и клиентом, чтобы узнать, кто обращается к веб-сайту.

Допустим, вы написали код, который хранит имя пользователя пользователя в 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, отображающий имя пользователя, полученное из переменной сеанса. Имеет id greetings. Используя этот id, мы будем нацеливаться на этот div внутри нашего кода 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>

Выход:

Welcome John_Wick

Внутри нашего тега script у нас есть только одна функция, вызываемая при загрузке страницы. Чтобы получить доступ к переменной сеанса, которую мы определили в нашем языке ASP.NET или C#, нам просто нужно передать это имя переменной, как оно находится внутри тега <%= %>, как <%= Session["UserName"] %>. Обратите внимание, что этот тег заключен в строку. А затем мы добавляем еще одну строку с названием Welcome перед строкой переменной сеанса.

Наконец, мы сохраняем результат в переменной name. Затем мы добавляем содержимое переменной name внутрь div с идентификатором greetings. Затем он отобразит имя пользователя в веб-браузере Welcome John_Wick в качестве вывода.