如何将JavaScript对象发送至ASP.NET MVC服务器端并存入Session？

嗨，我来帮你搞定这个问题！其实要把前端生成的用户对象传到MVC服务器并存入Session，分客户端和服务器端两步来做就好，我给你一步步拆解：

第一步：调整前端代码，用AJAX发送对象 #

首先，你的getuser函数可以稍微优化下，没必要调用constructor()，直接创建对象更简洁。然后在点击事件里，用jQuery的$.ajax把对象以JSON格式发送到服务器：

function getuser(username, password) {
    // 直接创建用户对象，省略不必要的constructor调用
    var user = {
        username: username,
        password: password
        // 这里可以添加其他需要的属性，比如email、nickname等
    };
    // 简单验证：如果用户名或密码为空，返回false
    if (!username.trim() || !password.trim()) {
        return false;
    }
    return user;
}

$("#a1").click(function () {
    var u = getuser($("#username").val(), $("#password").val());
    if (u == false) {
        alert("用户名或密码不能为空！");
    } else {
        // 发起AJAX POST请求，把对象发送到服务器
        $.ajax({
            url: '/User/SaveUserToSession', // 替换成你的Controller/Action路径
            type: 'POST',
            contentType: 'application/json; charset=utf-8', // 指定发送JSON格式
            data: JSON.stringify(u), // 将JS对象转为JSON字符串
            success: function (response) {
                if (response.success) {
                    alert("用户信息已成功存入Session！");
                    // 这里可以添加后续操作，比如跳转到主页
                } else {
                    alert("存入失败：" + response.message);
                }
            },
            error: function () {
                alert("请求出错，请稍后重试！");
            }
        });
    }
});

第二步：服务器端准备Model和Action方法 #

首先，创建一个和前端对象属性对应的ViewModel类（放在项目的Models文件夹下），这样MVC的模型绑定才能自动把JSON转成C#对象：

// Models/UserViewModel.cs
public class UserViewModel
{
    public string Username { get; set; }
    public string Password { get; set; }
    // 对应前端的其他属性，按需添加即可
}

然后创建一个Controller（比如UserController），写一个接收POST请求的Action方法，把接收到的用户对象存入Session：

// Controllers/UserController.cs
public class UserController : Controller
{
    [HttpPost] // 标记该Action只接受POST请求
    public JsonResult SaveUserToSession(UserViewModel user)
    {
        if (ModelState.IsValid)
        {
            // 将用户对象存入Session，键名可以自定义，比如"CurrentUser"
            Session["CurrentUser"] = user;
            
            // 返回成功的JSON响应给前端
            return Json(new { success = true, message = "操作成功" });
        }
        else
        {
            // 如果模型验证失败（比如属性为空），收集错误信息返回
            var errorMessages = ModelState.Values
                .SelectMany(v => v.Errors)
                .Select(e => e.ErrorMessage);
            return Json(new { success = false, message = string.Join(", ", errorMessages) });
        }
    }
}

额外注意事项 #

• 安全优化：AntiForgeryToken：如果你的项目开启了防跨站请求伪造验证，记得在前端带上验证令牌：
  1. 在页面中添加@Html.AntiForgeryToken()生成隐藏域
  2. 在AJAX的headers里添加令牌：

     headers: {
         'RequestVerificationToken': $('input[name="__RequestVerificationToken"]').val()
     }
     

  3. 在Action方法上加上[ValidateAntiForgeryToken]标记
• Session有效期：默认Session有效期是20分钟，你可以在web.config的<sessionState>节点调整timeout属性修改时长
• 复杂对象处理：如果UserViewModel包含复杂属性，确保类可序列化，必要时添加[Serializable]标记

这样操作下来，前端生成的用户对象就能顺利传到服务器并存入Session啦！

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