RequestBody RequestParam 同时使用 前后端代码
时间: 2023-10-13 09:29:09 浏览: 32
前端代码:
```javascript
const data = {
param1: 'value1',
param2: 'value2'
};
fetch('/api/endpoint', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data)
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
```
后端代码:
```java
@PostMapping("/api/endpoint")
public String exampleEndpoint(@RequestParam("param1") String param1, @RequestBody String requestBody) {
// Do something with param1 and requestBody
return "Success";
}
```
在前端代码中,我们使用 `fetch` 发送一个 POST 请求到 `/api/endpoint` 接口,请求头中设置了 `Content-Type` 为 `application/json`,请求体中包含了一个 JSON 对象。
在后端代码中,我们定义了一个 `exampleEndpoint` 方法,并使用 `@RequestParam` 注解获取前端发送过来的 `param1` 参数。同时,我们使用 `@RequestBody` 注解获取前端发送过来的请求体,它被解析为一个字符串类型的变量。最后返回一个字符串 `Success`。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)