Angular4中HttpPost传递整数至Controller的方法及问题求助

嘿，我来帮你搞定这个问题！先从你遇到的具体情况入手，再给你梳理通用的传参方法～

首先解决你当前的问题：API控制器拿不到UserId的整数值 #

你现在的代码是把user.UserId拼在URL路径里发起Post请求，但控制器拿不到值，而字符串可以，大概率是路由定义不匹配或者参数绑定方式不对，咱们一步步来排查：

1. 检查API控制器的路由与参数绑定 #

假设你的控制器是UserController，分两种情况调整：

情况A：继续用URL路径传递UserId（就是你现在的写法）

如果要把整数作为路由参数（比如请求URL是api/User/123），控制器的Action必须这样定义：

[HttpPost("api/User/{userId}")]
public IActionResult YourActionName(int userId)
{
    // 这里就能正常拿到userId的整数值了
    return Ok();
}

划重点：

• 路由模板里的{userId}要和方法参数名完全一致；如果参数名不一样，就用[FromRoute]显式标记：public IActionResult YourActionName([FromRoute]int userId)
• 先在Angular里打印一下请求URL（比如console.log(_this.baseUrl + "api/User/" + user.UserId)），确认是不是类似http://yourdomain/api/User/123这种正确格式，别出现NaN或者空值的情况

情况B：改用请求体传递（更符合Post请求的常规用法）

如果不想把参数放URL里，推荐把整数包装成JSON对象放在请求体里，Angular代码改成这样：

// Angular端代码
const requestBody = { userId: user.UserId }; // 把整数包装成对象，避免直接传单个整数的解析问题
this.http.post(_this.baseUrl + "api/User", requestBody)
  .subscribe(res => {
    // 处理响应逻辑
  });

然后控制器这边用[FromBody]绑定参数：

[HttpPost("api/User")]
public IActionResult YourActionName([FromBody] int userId)
// 或者更规范的做法是定义一个DTO类：
// public class UserIdRequest { public int UserId { get; set; } }
// public IActionResult YourActionName([FromBody] UserIdRequest request)
{
    // 处理业务逻辑
    return Ok();
}

通用的Angular 4 HttpPost传递整数的方法 #

总结下来，传递整数到API控制器主要有两种靠谱的方式：

• 方式一：路由参数传递

  • Angular端：把整数拼接在URL路径中，确保格式正确
  • 控制器端：用[FromRoute]绑定路由参数，路由模板要和请求URL匹配

• 方式二：请求体传递

  • Angular端：把整数包装成JSON对象（直接传单个整数可能会被ASP.NET解析失败），作为Post请求的第二个参数
  • 控制器端：用[FromBody]标记参数，或者定义DTO类接收

快速排查小技巧 #

1. 打开浏览器F12的Network面板，找到这个Post请求，查看Request URL是否正确带上了UserId的整数值
2. 检查控制器Action上的[HttpPost]路由模板是否和请求URL完全匹配
3. 临时把控制器的参数类型改成string，如果能拿到值，说明是整数转换的问题，确认user.UserId是不是有效的数字类型（比如别是字符串"abc"这种无效值）

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