MVC项目中如何在静态HTML页面展示Session中的用户名

嘿，我来帮你搞定这个问题～你现在的核心问题是：返回的纯HTML文件不会经过ASP.NET的视图引擎解析，所以那些服务器端的<%=Session["Username"]%>标记根本不会被处理，自然拿不到Session值。给你几个可行的解决方案：

这是MVC项目里最常规的做法，把你的纯HTML文件改成Razor视图（后缀.cshtml），就能直接利用MVC的视图传递机制：

Controller代码 #

public ActionResult Index()
{
    // 用ViewBag传递值，比Session更适合这种一次性页面跳转的场景
    ViewBag.Username = "My Name";
    // 返回Razor视图而非纯HTML文件
    return View("pagehtml");
}

Razor视图（pagehtml.cshtml）代码 #

<!DOCTYPE html>
<script type='text/javascript'>
    var userID = '@ViewBag.Username';
    alert(userID);
</script>
<html>
<!-- 你的页面其他内容 -->
</html>

Razor视图引擎会自动解析@ViewBag.Username，把后端传递的值注入到JS代码里，完美解决问题。

如果一定要保留纯HTML文件，可以把用户名作为URL参数传递过去：

Controller代码 #

public ActionResult Index()
{
    string username = "My Name";
    // 跳转时带上编码后的用户名参数，避免特殊字符导致的问题
    return Redirect($"~/pagehtml.html?username={Uri.EscapeDataString(username)}");
}

纯HTML页面代码 #

<!DOCTYPE html>
<script type='text/javascript'>
    // 封装一个从URL获取参数的工具函数
    function getUrlParam(paramName) {
        const urlParams = new URLSearchParams(window.location.search);
        return urlParams.get(paramName);
    }
    var userID = getUrlParam('username');
    alert(userID);
</script>
<html>
<!-- 你的页面其他内容 -->
</html>

如果不想暴露参数在URL里，还可以写一个后端接口，让纯HTML页面通过AJAX请求获取Session里的用户名：

先在Controller里加一个接口 #

public ActionResult GetUsername()
{
    // 返回Session中的用户名，允许GET请求访问
    return Json(new { Username = Session["Username"] }, JsonRequestBehavior.AllowGet);
}

原Controller的Index方法 #

public ActionResult Index()
{
    Session["Username"] = "My Name";
    return new FilePathResult("pagehtml.html", "text/html");
}

纯HTML页面代码 #

<!DOCTYPE html>
<script type='text/javascript'>
    // 用fetch请求后端接口获取用户名
    fetch('/Home/GetUsername')
        .then(response => response.json())
        .then(data => {
            var userID = data.Username;
            alert(userID);
        });
</script>
<html>
<!-- 你的页面其他内容 -->
</html>

这个方案要注意确保接口和HTML页面在同一域名下，避免跨域问题。

内容的提问来源于stack exchange，提问作者Diego