前后台数据交互格式

1.在路径中传递数据,比如对某个数据的id:123

前台发送:格式大致如下

或者:axios.post(`/fav/add/${id}`),id在这里是定义好的变量,存放id值123

或者:axios.post("/fav/add/"+id)

在路径中传数据

后台接收:name前台未发送该字段也未指定默认值输出为null,uid前台在路径中定义123;

后台接收数据
输出结果

2.查询字符串传递数据

前台发送:

前台使用Querystring发送数据

后台接收:

这里@RequestParm可以不写,在后台找不到前台对应的字段时(前台没给出字段时);输出null,在@RequestParam中指定默认值的话输出指定的默认值——date为前台传过来的2017,sex前台没传输出指定的默认值2018,uid为123,name前台未传,输出null;

后台接收queryString方式传递的数据
输出结果

3.发送json数据

前台发送:

与后台实体类字段要对应,

发送json数据

后台接收:接收到的json字段与后台定义的实体类对象一一对应

接收
输出

4.发送FormData数据

前台发送:这里注意,append中第一个参数和后台字段对应,第二个为传递的值

发送

后台接收:

这里@RequestParam可以省略,和query String一样,实际上FormData最后也是转换成query string发送数据的

接收
结果

你可能感兴趣的:(前后台数据交互格式)