vue axios发送get、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表单的格式相同，后端代码接收时只要参数名相同，就可以直接接收到。

学习中遇到的坑记录一下，学习不易，继续努力！！！