如何判断@Html.Raw序列化的MVC模型Status为Active时弹出alert提示

逻辑无法正常触发弹窗，基本是以下几个问题导致的：

• Razor端序列化代码语法错误：你贴的代码中@Html.Raw(Json.Encode(Model)缺少Json.Encode方法的闭合右括号，会导致Razor渲染出残缺的JS代码，整个脚本块直接解析失败，后续逻辑根本不会执行
• 序列化输出的JSON结构存在格式问题：你贴的示例数据中，数组内的员工对象没有做分隔，同一个对象内重复定义Id等同名字段，属于非法JSON结构，会直接触发JS解析报错
• 字段匹配逻辑容错不足：示例中已经出现键名带前置空格的问题（" EndDate"键名前多了空格），如果Status字段名或字段值前后带不可见空格，直接写item.Status === "Active"会完全匹配不上
• 缺少防御性判断：如果服务端返回的Model为null，渲染出来的model变量不是数组类型，直接调用数组遍历方法会直接抛错中断执行

1. 首先修正Razor端的序列化代码，补全语法括号，确保输出合法JSON：

@{
    // 空值兜底，Model为null时返回空数组，避免输出非法JS
    var serializeData = Model ?? Enumerable.Empty<object>();
}
var model = @Html.Raw(Json.Encode(serializeData));

2. 编写带容错能力的检测逻辑，兼容字段/值带多余空格、数据格式异常的场景：

// 先校验model是否为合法数组，避免类型错误中断脚本
if (Array.isArray(model)) {
    // 用some方法遍历，匹配到一条符合条件的数据就终止遍历，性能更好
    const hasActiveStaff = model.some(emp => {
        if (typeof emp !== 'object' || emp === null) return false;
        // 兼容键名带前后空格的情况
        const statusField = Object.keys(emp).find(key => key.trim() === 'Status');
        if (!statusField) return false;
        // 兼容字段值带前后空格、非字符串类型的情况
        return String(emp[statusField]).trim() === 'Active';
    });

    if (hasActiveStaff) {
        alert('存在状态为Active的员工条目');
    }
}

如果按上述代码修改后还是不触发，直接打开浏览器F12开发者工具：

• 先看Console面板有没有红色报错，根据报错信息定位是JSON解析错误还是其他语法问题
• 在Sources面板找到渲染后的页面源码，查看实际输出的model变量结构，确认是否存在字段名拼写错误、值大小写不一致的问题
• 注意Json.Encode使用的是旧版JavaScriptSerializer，输出的/Date(xxx)/格式日期字符串不会影响普通字符串字段的读取，不需要额外处理日期就能正常判断Status字段

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