vue axios发送get、post 请求的传参方式
get请求
//导入axios qsimport axios from 'axios'import Qs from 'qs'//发送get请求传参数//效果为 /xxx?pageNum=1&pageSize=2axios.get("/xxx",{params:{pageNum,pageSize}})
post请求
post方式传参分为两种,一种是直接传参,效果是封装成json串,一种是和form表单提交相同的格式
json格式
let data = {pageNum : 1,pageSize : 2};data = Qs.stringify(data);//序列化axios.post("/xxx",{data} //注意:data用{}修饰)/*---------或者-------*/axios.post("/xxx",{pageNum:1,pageSize:2})
以上两种方式的效果都是发送的json串,后端代码如果要用pojo类接收参数,需要用加@RequestBody注解解析才可以拿到。
注:第一种写法需要注意和下面form格式的这种写法的区别和效果,
form格式
let data = {pageNum : 1,pageSize : 2};data = Qs.stringify(data);//序列化axios.post("/xxx",data //注意:data不用{}修饰)
这种传参的格式和form表单的格式相同,后端代码接收时只要参数名相同,就可以直接接收到。
学习中遇到的坑记录一下,学习不易,继续努力!!!