vue axios发送get、post 请求的传参方式
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方式传参分为两种,一
·
vue axios发送get、post 请求的传参方式
get请求
//导入axios qs
import axios from 'axios'
import Qs from 'qs'
//发送get请求传参数
//效果为 /xxx?pageNum=1&pageSize=2
axios.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表单的格式相同,后端代码接收时只要参数名相同,就可以直接接收到。
学习中遇到的坑记录一下,学习不易,继续努力!!!
更多推荐
已为社区贡献1条内容
所有评论(0)