JavaScript 中 Razor 页面传递字符串模型值时的引号处理规范

在 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 的边界规则，是构建安全、健壮的前后端协同交互的基础能力。