AngularJS服务POST请求传递参数至Controller时为空的问题

这种情况我碰到过好多次，大概率是请求格式、模型绑定配置或者参数匹配的问题，给你梳理几个关键排查点和解决办法：

1. 确保请求的Content-Type与后端期望一致 #

AngularJS的$http.post有时候会默认把数据转成x-www-form-urlencoded格式，但ASP.NET MVC用[FromBody]接收JSON时，需要请求头里的Content-Type是application/json。你可以在请求时显式指定：

$http.post('/YourController/AddNewComponent', {
    Name: '你的组件名称',
    Description: '你的组件描述'
}, {
    headers: { 'Content-Type': 'application/json' }
});

另外，一定要打开浏览器开发者工具的Network标签，查看POST请求的Headers，确认Content-Type确实是application/json，而不是其他格式。

2. 严格匹配属性名的大小写 #

ASP.NET MVC的模型绑定是区分大小写的！如果前端传的是name（小写n），而后端NewCompArgs类里的属性是Name（大写N），就会导致绑定失败，参数直接为null。
检查你前端发送的JSON键名，必须和后端类的属性名完全一致，包括大小写。

3. 正确使用[HttpPost]和[FromBody] #

你提到试过这两个特性，但可能用法有误。正确的写法应该是这样：

[HttpPost]
public ActionResult AddNewComponent([FromBody] NewCompArgs args)
{
    // 在这里处理你的业务逻辑
    return Json(new { success = true });
}

注意：不要给多个参数都加[FromBody]，因为ASP.NET MVC只会读取一次请求体，多个[FromBody]参数会导致后续参数无法绑定。要么用一个对象接收所有参数，要么不用[FromBody]改用表单格式提交（但JSON格式更推荐用对象+[FromBody]）。

4. 检查请求体的实际内容 #

调试时别只看前端的对象，一定要看实际发送的请求Payload。在Network标签里找到对应的POST请求，查看Payload内容，确认是标准的JSON格式，比如：

{"Name":"测试组件","Description":"这是一个测试组件"}
如果Payload是类似Name=测试组件&Description=xxx的表单格式，那用[FromBody]肯定绑定失败，这时候要么改前端发送JSON，要么后端去掉[FromBody]。

5. 确认JSON序列化配置正常 #

如果是较老的ASP.NET MVC版本，可能需要检查WebApiConfig里的JSON序列化配置是否正确，比如：

public static class WebApiConfig
{
    public static void Register(HttpConfiguration config)
    {
        // 确保JSON格式化器正常工作
        config.Formatters.JsonFormatter.SupportedMediaTypes.Add(new MediaTypeHeaderValue("application/json"));
    }
}

另外，确认项目里引用了Newtonsoft.Json包，ASP.NET MVC依赖它来处理JSON的序列化和反序列化，如果缺失这个包也可能导致绑定失败。

按照上面的步骤逐一排查，基本就能解决参数为null的问题了。

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