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

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.csdn.net/qq_34629352/article/details/78397549

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

总之,angular的ajax就是个大坑



展开阅读全文

没有更多推荐了,返回首页