.Net Core 3.0 Angular项目POST请求参数始终为NULL求助

别担心，刚上手.NET Core + Angular遇到这种问题太正常了，我帮你分析下问题所在，一步步解决~

核心问题：数据格式不匹配 + 参数绑定方式错误 #

你的前端发送的是单纯的字符串，但后端期望接收的是一个包含language属性的对象；同时后端用了[FromForm]，但Angular默认发送的是JSON格式数据，导致无法正确绑定。

步骤1：修正前端请求数据格式 #

你需要把选中的语言值包装成符合LanguageInterface的对象，而不是直接传字符串：

如果用第一种请求写法：

languageChanged(lang: string) {
  // 把字符串包装成对象
  const postData = { language: lang };
  this.http.post("/api/Language", postData)
    .subscribe(result => { console.log(result); }, error => console.error(error));
}

如果用第二种带接口的写法：

languageChanged(lang: string) {
  const postData: LanguageInterface = { language: lang };
  this.http.post<LanguageInterface>("/api/Language", postData)
    .subscribe(result => { console.log(result); }, error => console.error(error));
}

注意：这里的URL我改成了/api/Language，因为默认的API控制器路由是[Route("api/[controller]")]，如果你的控制器叫LanguageController，这个URL才是正确的，之前的"Language"可能会导致路由匹配错误，也是参数为null的潜在原因。

步骤2：修正后端参数绑定方式 #

Angular的http.post默认发送的是application/json格式的请求体，所以后端需要用[FromBody]来从请求体中解析JSON，而不是[FromForm]（[FromForm]是用来解析表单数据的）：

同步版本：

[Route("api/[controller]")]
[ApiController]
public class LanguageController : ControllerBase
{
    [HttpPost]
    public IActionResult Post([FromBody] Language lan)
    {
        // 这里lan应该就能拿到正确的值了
        return Ok();
    }
}

异步版本：

[Route("api/[controller]")]
[ApiController]
public class LanguageController : ControllerBase
{
    [HttpPost]
    public async Task<IActionResult> Post([FromBody] Language lan)
    {
        // 执行你的异步逻辑
        return Ok();
    }
}

额外检查点 #

• 确保你的Language类属性名和前端对象的键名完全一致（都是language，大小写匹配），.NET Core默认的JSON序列化是区分大小写的；
• 确认Angular请求的Content-Type是application/json（默认就是，不用额外设置）；
• 可以打开浏览器开发者工具的Network标签，查看POST请求的Payload，确认发送的数据是{"language": "选中的值"}格式。

按照上面的步骤修改后，应该就能正常接收到参数啦！

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