angular6 的HttpClient.post方法发送参数失败，总是报500的错误

最新推荐文章于 2025-07-01 11:14:23 发布

原创最新推荐文章于 2025-07-01 11:14:23 发布 · 1.2w 阅读

1 ·

CC 4.0 BY-SA版权

angular2 同时被 3 个专栏收录

4 篇文章

订阅专栏

500错误

2 篇文章

订阅专栏

http

1 篇文章

订阅专栏

在使用Angular6的HttpClient.post方法发送参数时遇到500错误，问题在于参数未正确序列化，导致浏览器将数据加密为object而非后台期望的JSON格式。解决方法是手动序列化数据并设置请求头，确保数据以正确的格式发送。其他一些网络上的解决方案并未针对Angular6的特定问题，例如URLSearchParams在Angular6中可能不适用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

angular的ajax请求真的是太坑了，只要涉及到发送参数的就有问题，会报500，即使你传对了参数，后台也接收不到，这个问题其实不是后台的问题，而是因为angular的请求方法中，涉及到传参的时候，angular并没有处理数据格式，get和post请求是一样的，当post方法把数据发送过去的时候，被浏览器加密成object了，一般后台要求的数据格式是这样的：

但是前提发送的一般是纯json，

{json:{
"rows":[{"cols":"name1"}]
}}

也就是angular的ajax没有对数据进行处理，最坑的是所以和angular有关的都没有提到这个问题，官网也没有说，简直太坑了，如果自己去试的话，没有个十天八天的估计是找不到思路，遇到这种问题，解决的方法就是在发送数据之前进行序列化就好了，并且要设置请求头

let headers = {
        headers: new HttpHeaders({
          'Content-Type': "application/x-www-form-urlencoded;charset=UTF-8"
        })
      };

网上有一些关于post传参的方法，但是那些都不能解决由json转为form Data的问题

若果是get方法传参，要这样用：

参数序列化还有一种方法，就是es6的URLSearchParams，这种方法有兼容性，具体用法可以去搜索官网，网上也有朋友贴出这个方法的使用，但不是在angular6中，而是在vue的axios中使用，

https://blog.youkuaiyun.com/qq_34629352/article/details/78397549

本人已亲自验证过，angular6中不能使用此方法，拿不到数据，或许是我使用的方法不对，如果有朋友用这个方法解决了请在本文下方评论留言

总之，angular的ajax就是个大坑