javascript - 将 Session 值从我的 MVC 应用程序获取到我的 Javascript 中

Question

这不是标准，因此请在标记重复之前阅读。

在 _Layout.cshtml 顶部的 MVC 应用程序中，我们加载脚本如下:

@Scripts.RenderFormat("<script src='{0}' defer></script>", "~/bundles/scripts")

在_Layout.cshtml的底部，我们有这个:

@RenderSection("scripts", required: false)

由于我无法控制的原因，我们必须推迟。 :(

该 bundle 包含 jquery 文件。其他文件之一称为 Script.js，它在 jQuery 之后加载，并具有一个名为 setCollapse(collapse) 的函数。

看起来像这样:

function setCollapse(collapse) {
    debugger;
    alert(collapse);
    if (collapse == 'False') {
        $('.collapse').collapse("show");
    } else {
        $('.collapse').collapse();
    }
}

我想在我的 MVC View 负载上使用带有该 javascript 函数的 session 值，如下所示:

@section scripts
{
    <script>
        $(document).ready(function() {
            debugger;
            var collapse = '@Session["Collapse"].ToString()';
            setCollapse(collapse);
        });
    </script>
}

但我继续得到:

Uncaught ReferenceError: $ is not defined

如何在页面加载时将 session 值传递到我的 javascript/jQuery 中？

Answer 1

这是我的解决方法。当然，它比我想象的要简单。

在 _Layout.cshtml 顶部的 MVC 应用程序中，我执行以下操作:

<script>
    var collapse = '@Session["Collapse"].ToString()';
</script>
@Scripts.RenderFormat("<script src='{0}' defer></script>", "~/bundles/scripts")

RenderFormat 加载 jQuery 和我的 script.js 文件。

然后在我的 script.js 中我这样做:

$(document).ready(function () {
    //....

    // Global collapse value
    if (collapse == 'False') {
        $('.collapse').collapse("show");
    } else {
        $('.collapse').collapse("hide");
    }
});