javascript - 获取我的应用程序中当前记录的用户名

Question

我想获取当前登录的用户名并将其显示在我的前端。目前，我有一个名为 GetCurrentUser() 的函数，单击按钮时会调用该函数。

<button type="submit" onclick="GetCurrentUser()" style="margin-left: 15px;margin-top:10px; margin-bottom: 5px;background-color: black; "value="Submit">Save Selections</button><br>

function GetCurrentUser() {
var usrName ="@HttpContext.Current.User.Identity.Name.ToString()";
//var usrName = '<%HttpContext.Current.User.Identity.Name %>';
//document.getElementById("UserName").innerHTML = usrName;
console.log(usrName);}

我在控制台日志中得到以下输出--> @HttpContext.Current.User.Identity.Name

Answer 1

如果您看到“HttpContext.Current.User.Identity.Name”的文字输出，那么您的 JS 函数是在您丢失服务器上下文后在客户端生成的。

给您几个选项:

1. 通过ajax回调 Controller 以获取用户名

2. 在页面加载时将用户名存储在只读字段中(有点像设置表单值)，并在函数调用时通过 jquery 或 js 检索该值

3. 将页面加载时的用户名分配给全局 js 元素，然后在函数中使用该元素。

这是 2 和 3 的示例。我认为在您完全理解问题发生的原因之前，您不应该担心 #1:

    <div class="btn btn-info" onclick="GetCurrentUser()" style="margin-left: 15px;margin-top:10px; margin-bottom: 5px;background-color: black; " value="Submit">Save Selections</div><br>
    <input type="hidden" name="method2" id="method2" value="@System.Security.Principal.WindowsIdentity.GetCurrent().Name">
    @section scripts {
        <script>
            var globalSettingMethod = '@System.Security.Principal.WindowsIdentity.GetCurrent().Name';
            function GetCurrentUser() {
                alert(globalSettingMethod);
                alert($('#method2').val());
            }
        </script>
    }