ASP.NET MVC 实战：通过 AJAX POST 发送隐藏字段值的完整指南-猿码集

1. 场景与核心概念

1.1 ASP.NET MVC 中隐藏字段的角色

在 ASP.NET MVC 的页面渲染过程中，隐藏字段用于在客户端与服务端之间传递不需要展示给用户的上下文信息。通过在表单中加入隐藏输入框，后端就能够在不暴露字段的前提下，获取到关键数据，从而实现状态保持、权限判断等场景。

对前后端交互来说，隐藏字段值往往需要随同 AJAX 请求一起提交，这就要求前端在发送请求时把隐藏字段的值打包到请求数据中，同时后端要对这些数据进行正确的模型绑定与安全校验。

@model YourNamespace.YourViewModel
@Html.AntiForgeryToken()@Html.HiddenFor(m => m.HiddenValue)

2. 前端实现要点：通过 AJAX POST 发送隐藏字段

2.1 核心数据点与请求结构

在通过 AJAX POST 发送隐藏字段时，最重要的是确保请求数据包含 HiddenValue 与服务器端的 __RequestVerificationToken，以通过服务器端的 ValidateAntiForgeryToken 的校验。

ASP.NET MVC 实战：通过 AJAX POST 发送隐藏字段值的完整指南

此外，请求数据编码要与服务端模型的绑定保持一致，建议将隐藏字段的值以标准的表单提交键值对形式发送，确保后端能够正确绑定到方法参数或模型属性。

// 使用 jQuery 进行 AJAX POST
$('#btnSend').on('click', function () {var token = $('input[name="__RequestVerificationToken"]').val();var data = {HiddenValue: $('#HiddenValue').val(),__RequestVerificationToken: token};$.ajax({url: '/Home/SubmitHidden',type: 'POST',data: data,success: function (resp) {if (resp.success) {// 成功处理逻辑} else {// 失败处理逻辑}}});
});

2.2 安全性与可维护性要点

一方面，Anti-forgery token 必须随请求一起提交，确保跨站请求伪造的防护生效；另一方面，前端应避免把敏感信息放入隐藏字段中，必要时应采用服务端校验或加密传输来提升安全性。

在实现中，错误处理 与 成功响应 的统一封装也有利于后续的维护与调试，最好通过标准的 JSON 结构返回状态信息。

3. 服务端处理：控制器方法与模型绑定

3.1 控制器方法签名与绑定

在 ASP.NET MVC 的控制器中，提交的隐藏字段值通常通过方法参数直接绑定，配合 [HttpPost] 与 [ValidateAntiForgeryToken]，可以实现安全且简洁的处理流程。

推荐使用简单的参数绑定以提高可读性，同时也可以采用绑定到模型的方式以便后续扩展字段。

public class HomeController : Controller
{[HttpPost][ValidateAntiForgeryToken]public ActionResult SubmitHidden(string HiddenValue){// 对 HiddenValue 进行业务处理，例如日志、数据库更新等return Json(new { success = true, value = HiddenValue });}
}

4. 完整示例：从前端到后端的落地实现

4.1 全部页面的 Razor 视图示例

下面给出一个可直接落地的 Razor 视图模板，包含隐藏字段、AntiForgeryToken、以及用于发送 AJAX 请求的脚本代码。请确保模型属性名称与控制器参数一致，以实现正确绑定。

@model YourNamespace.YourViewModel
@{ViewBag.Title = "AJAX Hidden Field Demo";
}
@Html.AntiForgeryToken()@Html.HiddenFor(m => m.HiddenValue)

4.2 服务器端处理的控制器代码

public class HomeController : Controller
{[HttpPost][ValidateAntiForgeryToken]public ActionResult SubmitHidden(string HiddenValue){// 对 HiddenValue 进行业务处理// 例如：写入日志、更新数据库、触发工作流等return Json(new { success = true, value = HiddenValue });}
}