如何在ASP.NET MVC的外部js文件中使用jQuery获取会话变量的值

Question

我有一个ASP.NET MVC5项目，在其中我使用setSession（）（它是userId）在控制器中设置会话值。 然后我需要在.js文件中检索或获取该值（并将其设置为TextBox）

但无法在.js文件中获取该值。

以下是我的.js文件代码

function populateUser() {
        debugger;
        $.ajax({
            type: "GET",
            url: '/UserProfile/SetSessionValues',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            async: true,
            success: function (data) {
                if (data) {
                    var user = $.session.get("UserName");
                    $("#txtUserName").val(user);  

                                }
            },
            error: function (msg) {
                alert("Error :" + msg.responseText);
            },

        });
    }

Answer 1

在您的控制器中：

ViewBag.myVar = HttpContext.current.Session["UserName"].ToString();

您可以将参数分配为控制值

<input type="hidden" value = "@ViewBag.myVar" id="myHiddenVar" />

并轻松地在js文件中获取

alert($('#myHiddenVar').val());

Answer 2

看看RazorJS 。 您可以在Nuget软件包管理器中找到它。

它允许您在.js文件中使用类似剃刀的标签（例如：@data）。

Answer 3

您可以像这样使用JavaScript变量：

HTML：

<head>
    ...
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

    @RenderSection("my_script_variables", false)

    <script src="@Url.Content("~/Scripts/external.js")" type="text/javascript"></script>
    ...

</head>

剃刀：

@Section my_script_variables {

    <script type="text/javascript">
            var variable1 = '@myVar1',
            variable2 = '@Session["myVar2"]',
            variable3 = '@ViewBag.myVar3';

        </script>

}

外部JS：

alert(variable1 + ' ' +variable2 +' '+ variable3);

另外，您可以使用Neel建议的“隐藏变量”。

在此链接上尝试解决方案：

将Session或Viewbag值传递给JS文件

如何在ASP.NET MVC的外部js文件中使用jQuery获取会话变量的值

问题描述

3 个解决方案

解决方案1
2 2014-03-31 08:00:07

解决方案2
0 2014-03-31 08:13:03

解决方案3
-1 2014-03-31 08:06:18

如何在ASP.NET MVC的外部js文件中使用jQuery获取会话变量的值

问题描述

3 个解决方案

解决方案1 2 2014-03-31 08:00:07

解决方案2 0 2014-03-31 08:13:03

解决方案3 -1 2014-03-31 08:06:18

解决方案1
2 2014-03-31 08:00:07

解决方案2
0 2014-03-31 08:13:03

解决方案3
-1 2014-03-31 08:06:18