vue 发送请求,java通过RequestParam获取数据的完整例子
时间: 2023-07-25 10:06:32 浏览: 122
前端使用Vue发送请求,后端使用Java通过@RequestParam获取数据的例子如下:
前端代码:
```javascript
<script>
export default {
methods: {
getData() {
axios.get('/api/data', {
params: {
id: 123
}
}).then(response => {
console.log(response.data);
}).catch(error => {
console.log(error);
});
}
}
}
</script>
```
后端代码:
```java
@RestController
@RequestMapping("/api")
public class ApiController {
@RequestMapping(value = "/data", method = RequestMethod.GET)
public String getData(@RequestParam("id") Integer id) {
// 处理业务逻辑
return "Hello " + id;
}
}
```
在这个例子中,前端使用axios库发送GET请求到`/api/data`接口,并且传递了一个参数`id`,后端使用@RequestParam注解获取该参数,并且返回一个字符串。可以根据实际情况修改业务逻辑。
阅读全文