axios发送GET请求(Content-Type)后端如何接收。

自己总结可能不准确,望指教。

第一种
axios({
        method:'POST',
        url:'http://localhost:8080/deleteTableData',
        data:{
          name:'小农同学。',
          age:19
        }
      })
第二种
axios.post("http://localhost:8080/deleteTableData",{
        name:'小农同学。',
        age:19
})

上方两种请求内容都是相同的
第一种:
在这里插入图片描述
第二种:
在这里插入图片描述
上方的请求Content-Type默认都是application/json;charset=UTF-8
此时我们的后端可以这样写( @RequestBody不能省略 )

@CrossOrigin
@RequestMapping(value = "/deleteTableData")
public int deleteTableUpdate(@RequestBody String user) {
      System.out.println(user);
      输出结果为: {"name":"小农同学。","age":19}
      return 0;
}

实体类的方式接收

@CrossOrigin
@RequestMapping(value = "/deleteTableData")
public int deleteTableUpdate(@RequestBody User user) {
	 System.out.println(user);
     return 0;
    }

Content-Typeapplication/x-www-form-urlencoded

第一种
axios({
        method:'POST',
        url:'http://localhost:8080/deleteTableData',
        headers:{
          'Content-Type':'application/x-www-form-urlencoded'
        },
        data:qs.stringify({name:'小农同学。',age:19},{arrayFormat: 'repeat'})
      })
第二种
axios.post("http://localhost:8080/deleteTableData",qs.stringify(data,{arrayFormat: 'repeat'}), {
     headers:{
      'Content-Type': 'application/x-www-form-urlencoded'
     }
})

请求内容为
在这里插入图片描述

后端可以使用如下接收

@CrossOrigin
@RequestMapping(value = "/deleteTableData")
public int deleteTableUpdate(@RequestParam("name") String name,@RequestParam("age") int age) {
        System.out.println(name+","+age);
        return 0;
}

不写注解也可以
@CrossOrigin
 @RequestMapping(value = "/deleteTableData")
public int deleteTableUpdate(String name,int age) {
        System.out.println(name+","+age);
        return 0;
    }

评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值