.NET Core MVC控制器方法无法接收AngularJS $http POST的JSON数据

我之前也碰到过几乎一模一样的问题，折腾了好一阵才搞定，给你几个关键的排查点和解决方案：

1. 核心问题：.NET Core MVC的模型绑定规则 #

你现在控制器方法用的是单独的email和password参数对吧？当前端发送JSON格式的请求体时，.NET Core默认不会把JSON对象里的字段绑定到多个独立参数上，必须用一个实体类来封装这些字段，并且加上[FromBody]特性告诉框架从请求体里读取数据。

第一步：创建接收用的实体类 #

先在后端定义一个简单的模型类，用来匹配前端发送的JSON结构：

public class LoginRequest
{
    public string Email { get; set; }
    public string Password { get; set; }
}

注意属性名称要和前端发送的JSON字段一致（.NET Core默认不区分大小写，但尽量保持一致避免踩坑），如果前端字段名不一样，可以用[JsonPropertyName]特性指定，比如前端传的是user_email，就给Email属性加上[JsonPropertyName("user_email")]。

第二步：修改控制器方法参数 #

把原来的两个参数换成实体类，并且加上[FromBody]：

[HttpPost]
public IActionResult LoginInfo([FromBody] LoginRequest loginRequest)
{
    // 现在loginRequest.Email和loginRequest.Password应该能拿到值了
    if (loginRequest == null)
    {
        return BadRequest("无效的登录请求");
    }
    // 后续登录逻辑...
}

2. 修正前端请求的Content-Type和数据格式 #

之前你把Content-Type改成application/x-www-form-urlencoded是错的，因为你发送的是JSON数据，这个Content-Type是给表单格式用的。正确的做法是：

• 确保请求的Content-Type是application/json
• 把要发送的数据用JSON.stringify()转成字符串（AngularJS的$http其实会自动帮你转，但手动写更保险）

前端AngularJS的请求代码示例：

$http({
    method: 'POST',
    url: '/YourController/LoginInfo',
    data: JSON.stringify({
        email: $scope.email,
        password: $scope.password
    }),
    headers: {
        'Content-Type': 'application/json'
    }
}).then(function(response) {
    // 成功回调逻辑
}, function(error) {
    // 错误回调逻辑
});

3. 其他可能的坑 #

• 检查模型类的属性是不是public的，如果是private或者protected，模型绑定会直接失败
• 确保请求体里的JSON没有语法错误（比如逗号遗漏、引号不匹配），可以在浏览器开发者工具的Network标签里复制Payload，到JSON校验工具里检查
• 如果你的.NET Core项目配置了特殊的模型绑定过滤器，可能会影响默认的JSON绑定，这时候可以检查Startup.cs里的AddMvc()或者AddControllers()配置

为什么之前的方案没用？ #

• 用application/x-www-form-urlencoded时，后端需要用[FromForm]特性，并且前端要把数据转成email=xxx&password=xxx的表单格式，但你发送的是JSON，所以完全不匹配
• 单独的email和password参数无法直接绑定JSON请求体，因为JSON是一个单一的对象，框架不知道怎么把对象拆成两个独立参数
• 直接传递JSON对象而不转字符串，虽然AngularJS会自动处理，但如果请求头没正确设置，框架可能识别不了数据格式

如果按照上面的步骤改完还是有问题，可以把浏览器Network里的请求头和Payload截图，还有控制器方法的代码再贴出来，我再帮你排查~

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