vue前端向后端传一个日期和一个List<Map<k,v>>应该怎么传?后端怎么接收
时间: 2024-03-12 13:48:53 浏览: 79
vue两个组件间值的传递或修改方式
在Vue前端,你可以使用axios或者fetch等Http请求库发送POST或者PUT请求,将日期和List<Map<k,v>>数据作为请求体发送到后端。
如果使用axios,示例代码如下:
```javascript
const data = {
date: '2021-12-31',
list: [
{key1: 'value1', key2: 'value2'},
{key1: 'value3', key2: 'value4'}
]
};
axios.post('/api/data', data)
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
在后端,你可以使用Spring MVC或者Spring Boot中的@Controller或@RestController注解的类中定义一个接收POST请求的方法,使用@RequestBody注解接收请求体中的数据,示例代码如下:
```java
@RestController
@RequestMapping("/api")
public class MyController {
@PostMapping("/data")
public void processData(@RequestBody Map<String, Object> data) {
String date = (String) data.get("date");
List<Map<String, String>> list = (List<Map<String, String>>) data.get("list");
// do something with date and list
}
}
```
在上述示例中,@RequestBody注解将请求体中的JSON字符串转换为Map<String, Object>对象,然后可以从Map中获取日期和List<Map<k,v>>数据。
阅读全文