使用axios发送application/json请求,数据以payload提交在服务端如何解析数据

通常前端通过POST请求向服务器端提交数据格式有4中,分别是"application/x-www-form-urlencoded"格式、" multipart/form-data"格式、"application/json"格式
和"text/xml"格式。通常最常见的是"application/json"格式,也就是通过JSON字符串形式。

在控制台看到的数据就是这样:

有的时候后台需要Form形式的数据才能正常解析,所以前端需要在传过去时修改一下格式。开始我以为是修改Content-Tyoe属性,于是就

axios.defaults.headers = {
    'Content-type': 'application/x-www-form-urlencoded'
}

设置之后看到请求时的Content-type变成了application/x-www-form格式,但是数据没变。之后找了很久终于找到真正的方法。

第一步:引入qs 

 第二步:使用qs 转换

 之后看一下请求数据格式就变成了这样:

如何使用json方式发送请求数据给后端在java中应该怎么获取呢

         privateString getRequestPayload(HttpServletRequest req) {
                   StringBuildersb = new StringBuilder();
                   try(BufferedReaderreader = req.getReader();) {
                            char[]buff = new char[1024];
                            intlen;
                            while((len = reader.read(buff)) != -1) {
                                     sb.append(buff,0, len);
                            }
                   }catch (IOException e) {
                            e.printStackTrace();
                   }
                   returnsb.toString();
         }

https://www.cnblogs.com/daijinxue/p/8309476.html
https://blog.csdn.net/yusirxiaer/article/details/78057720

'application/json' 是一种常用的传输数据格式,通常用于前后端数据交互中。使用 axios 发送请求时,可以通过以下方式传递多个参数: 1. 字符串拼接:通过将多个参数拼接为一个 JSON 字符串,然后作为请求体的内容进行发送。例如,如果有两个参数名为 param1 和 param2,可以将它们拼接成一个 JSON 字符串 `{"param1": value1, "param2": value2}`,然后设置请求体的内容为该字符串。 2. 对象传参:将多个参数放在一个对象中作为请求体的内容进行发送。例如,可以创建一个包含所有参数的 JavaScript 对象,并将其作为请求体的内容进行传递。例如,可以设置请求体的内容为 `{param1: value1, param2: value2}`。 在使用 axios 发送请求时,需要设置请求头的 Content-Type 字段为 'application/json',以告知服务器发送数据类型为 JSON 格式。可以通过以下代码设置请求头: ```javascript axios.post(url, requestData, { headers: { 'Content-Type': 'application/json' } }).then(response => { // 处理响应数据 }).catch(error => { // 处理错误 }); ``` 其中,requestData 表示要发送请求数据,可以是字符串或对象。通过设置 headers 字段为包含 Content-Type 的对象,可以确保请求头中包含正确的 Content-Type。 总结来说,通过 axios 发送请求时,使用 'application/json' 作为请求头的 Content-Type,可以通过字符串拼接或对象传参的方式传递多个参数。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值