在 ASP.NET Core Razor 页面中，将 C# 模型字符串属性（如 Model.column）直接嵌入 JavaScript 代码时，必须手动添加英文双引号或单引号；否则生成的 JS 代码语法错误，导致排序等交互功能失效。
在 asp.net core razor 页面中，将 c# 模型字符串属性（如 `model.column`）直接嵌入 javascript 代码时，必须手动添加英文双引号或单引号；否则生成的 js 代码语法错误，导致排序等交互功能失效。
在 Razor 页面中实现表格列点击排序时，常需通过 JavaScript 动态构造重定向 URL，并将当前排序字段（column）与顺序（order）作为查询参数传递给服务端。问题核心在于：Razor 渲染阶段如何正确将 C# 字符串值注入 JavaScript 上下文。
虽然 @Model.column 和 @Model.order 在 C# 模型中确实是 string 类型，但 Razor 引擎在渲染时只是「原样输出」其值（不带引号），而 JavaScript 解析器要求字符串字面量必须显式用引号包裹。例如：
-
✅ 正确写法（Razor 输出带引号的 JS 字符串）：
let currentColumn = "@Model.column"; // 假设 Model.column = "Title" → 输出: "Title" let currentOrder = "@Model.order"; // 假设 Model.order = "desc" → 输出: "desc"
-
❌ 错误写法（Razor 输出无引号的裸值，JS 解析失败）：
立即学习“Java免费学习笔记（深入）”；
let currentColumn = @Model.column; // 若 Model.column = "Title"，则输出: let currentColumn = Title; // → JavaScript 报错：ReferenceError: Title is not defined
完整可运行的修复版排序函数如下：
<script>
function sortTable(column) {
const order = (column === "@Model.column" && "@Model.order" === "desc") ? "asc" : "desc";
const url = `?column=${encodeURIComponent(column)}&order=${encodeURIComponent(order)}`;
window.location.href = url;
}
</script>? 关键说明：
- 使用模板字符串（`）提升可读性与安全性；
- 对 column 和 order 值统一使用 @Model.xxx 并加双引号，确保生成合法 JS 字符串；
- 使用 encodeURIComponent() 防止特殊字符（如空格、中文、符号）破坏 URL 结构；
- 条件判断改用三元运算符，逻辑更紧凑，避免重复变量声明。
⚠️ 注意事项：
- 不要依赖未加引号的 @Model.xxx 直接插入 JS —— 这不是类型问题，而是代码生成语法问题；
- 若 Model.column 可能为空或含单/双引号，建议在 C# 层预处理（如 Json.Serialize(Model.column)），再注入 JS，以彻底规避 XSS 与语法风险；
- 服务端接收时务必验证 column 参数是否属于白名单字段（如 "Title", "Author", "PublishedDate"），防止恶意参数注入。
掌握 Razor 与 JavaScript 的边界规则，是构建安全、健壮的前后端协同交互的基础能力。
