springboot+vue前后端传两个参数
时间: 2023-07-31 20:04:36 浏览: 200
要在Spring Boot和Vue之间传递两个参数,可以使用Ajax或Axios进行异步请求。以下是一个简单的示例。
在Vue中,可以使用Axios来向Spring Boot发送异步请求:
```
<script>
import axios from 'axios';
export default {
data() {
return {
param1: '',
param2: ''
};
},
methods: {
sendData() {
axios.post('/api/endpoint', {
param1: this.param1,
param2: this.param2
}).then(response => {
console.log(response);
}).catch(error => {
console.log(error);
});
}
}
}
</script>
```
在Spring Boot中,可以使用@RequestParam注解来接收Vue发送的参数:
```
@RestController
public class MyController {
@PostMapping("/api/endpoint")
public ResponseEntity<String> myEndpoint(
@RequestParam("param1") String param1,
@RequestParam("param2") String param2) {
// do something with param1 and param2
return ResponseEntity.ok("Success");
}
}
```
在以上示例中,Vue向`/api/endpoint`发送了一个POST请求,请求体中包含两个参数`param1`和`param2`。在Spring Boot中,`@RequestParam`注解将这两个参数映射到`param1`和`param2`方法参数中。接着,可以在`myEndpoint`方法中使用这些参数进行相应的处理。最后,Spring Boot返回一个成功的响应。
阅读全文