自己總結可能不準確，望指教，
第一種
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-Type為application/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;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/233895.html
標籤：其他