ASP.NET Core 8 MVC无法接收AngularJS POST请求数据问题排查

核心原因与对应解法 #

1. 请求格式与参数绑定不匹配 #

AngularJS默认发送JSON格式请求体，但ASP.NET Core MVC的简单类型参数（如string name）默认从表单数据/查询字符串绑定，不会自动解析JSON里的字段，导致参数为null。

解法：

• 方案一（简单参数场景）：给服务器参数加[FromBody]，同时调整AngularJS发送纯字符串：
  控制器代码：

  [HttpPost]
  public IActionResult AddDepartment([FromBody] string name)
  {
      // 业务逻辑
  }
  

  AngularJS代码：

  $http.post('/Department/AddDepartment', $scope.newdepartment.Name)
      .then(res => { /* 回调处理 */ });
  

• 方案二（推荐，扩展性强）：用DTO对象接收
  先定义DTO类：

  public class DepartmentRequest
  {
      public string Name { get; set; }
  }
  

  控制器修改为：

  [HttpPost]
  public IActionResult AddDepartment([FromBody] DepartmentRequest request)
  {
      var deptName = request.Name;
      // 业务逻辑
  }
  

  AngularJS保持原请求方式即可（发送$scope.newdepartment对象）。

2. 请求头Content-Type未设置 #

如果AngularJS没指定Content-Type: application/json，ASP.NET Core无法识别JSON格式，绑定失败。

解法：

在请求中显式设置请求头：

$http({
    method: 'POST',
    url: '/Department/AddDepartment',
    data: $scope.newdepartment,
    headers: { 'Content-Type': 'application/json' }
}).then(res => { /* 回调处理 */ });

3. 字段名不匹配 #

客户端发送的JSON字段名与服务器参数/属性名不一致（比如客户端发name，服务器用DepartmentName），会导致绑定失败。

解法：

• 直接对齐字段名；
• 或者用特性映射，比如服务器DTO：

  public class DepartmentRequest
  {
      [JsonPropertyName("name")] // 匹配客户端发送的字段名
      public string DepartmentName { get; set; }
  }
  

4. JSON格式化器被禁用 #

如果Program.cs中移除了JSON输入格式化器，框架无法解析JSON请求体。

解法：

确保配置保留JSON格式化器：

var builder = WebApplication.CreateBuilder(args);
builder.Services.AddControllersWithViews()
    .AddJsonOptions(opt => {
        // 按需配置序列化规则，比如忽略null值等
    });

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