Angular 2中如何向POST方法传递参数？问题排查与解决

我之前在Angular项目里踩过一模一样的坑！想给POST请求传参数，试了HttpParams的写法——不管直接用params: new HttpParams().set()，还是搭配headers一起折腾，后端愣是拿不到参数。折腾半天，最后靠FormData解决了，给你说说具体情况：

一开始我是这么写的，完全无效：

// 无效的写法
const params = new HttpParams().set('username', 'test').set('password', '123456');
this.http.post('/api/login', null, { params: params });

后来我还特意加了headers，指定Content-Type为application/x-www-form-urlencoded，结果还是不行，后端那边始终接收不到参数。

后来才搞明白，Angular的HttpParams本质是把参数拼在URL后面（和GET请求的参数逻辑一样），但大部分后端的POST接口，都是期望参数放在请求体的表单数据里的。这时候用FormData就完美适配了：

// 有效解决的写法
const formData = new FormData();
formData.append('username', 'test');
formData.append('password', '123456');

this.http.post('/api/login', formData);

这么写之后，后端就能正常解析到请求体里的参数了。

补充个小细节：如果你的后端确实是期望从URL里取POST参数（这种场景比较少见），那HttpParams的写法是没问题的，但绝大多数POST场景下，FormData才是正确的选择。

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